Forum PHP.pl > Szybkość strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Optymalizacja i pozycjonowanie stron - SEO

amii

26.06.2012, 10:44:42

Nie za bardzo wiedziałem gdzie to umiescić ale SEO wydaje się najlepszym działem.
Szybkośc to istotny czynnik w SEO więc mam kilka pytań odnosnie tego narzędzia: https://developers.google.com/speed/pagespeed/insights
Badałem stronę: alcoblow.pl wynik 86/100
Kilka pytań z tym związanych:

Określ zestaw znaków myslałem, że chodzi <meta http-equiv="Content-type" content="text/html; charset=utf-8"> ale to jest na stronie więc pierwsze pytanie o co kaman z tym zestawem znaków ?
Wstrzymaj znalizowanie z tego co czytałem to chodzi o to żeby JS nie był parsowany przy ładowaniu strony, kiedy jednak ustawiałem dla bibliotek w ten sposób w sekcji <head> nie smiga tzn. JS się nie wczytuje:

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
 
// Add a script element as a child of the body
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "js/jquery.js";
var element1 = document.createElement("script");
element1.src = "js/jquery.cycle.all.js";
document.body.appendChild(element);
document.body.appendChild(element1)
}
 
// Check for browser support of event handling capability
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
 
</script>
[JAVASCRIPT] pobierz, plaintext

Wykorzystaj pamięć podręczną przeglądarki tu jak rozumiem chodzi o ustawienia na serwerze. Ktoś wie co trzeba konkretnie poustawiać w przypadku Apache anu uaktywnić cache ?
Z góry dziękuję

thek

26.06.2012, 11:45:57

Zauważ, że każda uwaga to link... Nie kliknąłeś go chyba, bo byś miał wyjaśnienie co i gdzie jest nie tak.

amii

27.06.2012, 07:36:34

Kilkałem w te linki stąd moje uwagi

natomiast nic z tego nie wynika. Może ktoś kto korzysta z tego narzędzia mógłby się podzilić wiedzą jak poustawiać te 3 rzeczy z przykładu.

thek

27.06.2012, 14:07:21

W takim wypadku:
1) Zestaw znaków tyczy się zapewne nie tyle oznaczenia w znaczniku head czy tagu, ale nagłówków wysyłanych razem z plikami
2) Możliwe, że chodzi o przerzucenie miejsca wywołania JS z sekcji head przed zamknięcie tagu body, czyli w zasadzie na sam koniec. W tym wypadku strona zostanie pobrana i zrenderowana oraz zdziałają style CSS, gdyż przeglądarki najczęściej już renderują stronę z nadchodzących fragmentów kodu html, choć nie jest on jeszcze cały przesłany. Przerzucenie kodu JS na koniec kodu pozwala więc wygenerować stronę wcześniej niż ruszą do działania skrypty.
3) Tutaj chodzi o ustawianie w nagłówkach czasu życia w cache przeglądarki plików. Można uwzględnić choćby mod_expires także po stronie serwera czy też pokusić się już o przejście na html5 i tam pobawić się z wersją offline i w pliku manifestu pocache'ować trochę

amii

28.06.2012, 08:09:41

dzięki za zainteresowanie
1. Pobawię się jeszcze w zmienianie ustawień po tego nie próbowałem

2. Tyle, że w przypadku strony alcoblow.pl jesli przerzucę pliki bibliotek (jquery, jquery cycle) na sam koniec to jest lipa bo nie zaczytuję skryptów
3. Z tym walczyłem ale Google speed test się wciąż pluje: Wykorzystaj pamięć podręczną przeglądarki Ustawiałem przez .htaccess

Cytat

<IfModule mod_expires.c>
<FilesMatch "\.(json|pdf|swf|bmp|gif|jpeg|jpg|png|svg|tiff|ico|flv|js)$">
ExpiresActive On
ExpiresDefault "access plus 1 year"
Header append Cache-Control "public"
</FilesMatch>
</IfModule>

Dałem też tak jak tutaj w/g tego poradnika http://blog.kamilbrenk.pl/http-expires-w-apache/
oczywiście ustawiałem wymiennie a nie dwa na raz

wywaliłem też dla pewności instrukcje warunkowe. Jednak cały czas to samo w Google speed test

Cytat

<IfModule mod_expires.c>
Header set cache-control: public
ExpiresActive on
ExpiresDefault "access plus 1 month"
ExpiresByType text/html "access plus 1 hour"
ExpiresByType application/rss+xml "access plus 1 hour"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresByType font/ttf "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
</IfModule>

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.