Jak wiecie moje zainteresowanie WordPressem objawia się między innymi tym, że pojawiam się na różnego rodzaju spotkaniach branżowych.
Kiedy tylko dowiedziałem się WordUp Kraków #Zima 2014 stwierdziłem że muszę tam być :) Tak też się stało i w piątek 28 lutego 2014 r. miałem wystąpienie w trakcie tego spotkania.
Jeszcze podczas prelekcji obiecałem, że umieszczę prezentację u siebie na blogu, a więc niniejszym dotrzymuje słowa. Mam nadzieję, że dzięki temu Szanowni Czytelnicy (zarówno Ci, którzy mieli okazję widzieć ją na żywo, jak i Ci, którzy nie dotarli na WordUp) – będą mogli dokładniej zagłębić się w zawarte w niej fragmenty kodu, czy też wykorzystać zamieszczone linki.
Szczerze liczę na to, że moja prezentacja zainspiruje Was wszystkich do poprawiania chociaż odrobinę swojego kawałka Internetu :)
Prezentacja z WordUp Kraków: +20 punktów Google PageSpeed w 10 minut:
Nie byłbym sobą gdybym nie zawarł w tym wpisie tak zwanej wartości dodanej, tak więc specjalnie dla szanownych czytelników szczególnie zainteresowanych tematem umieszczam poniżej fragmenty pliku .htaccess, które są częścią odpowiedzi na pytanie: „Jak przyspieszyć stronę w 10 minut?”
Włącz kompresję:
SetOutputFilter DEFLATE BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html |
Wykorzystaj pamięć podręczną przeglądarki:
# BEGIN Expire headers # Makes cached files stay cached for longer (304 Not modified) = fewer 200 responses. # Aim for at least 1 month for images, ideally a year (not longer - that'll break RFC specs) ExpiresActive On ExpiresDefault "access plus 1 seconds" ExpiresByType image/x-icon "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType application/x-shockwave-flash "access plus 1 year" ExpiresByType text/css "access plus 604800 seconds" ExpiresByType text/javascript "access plus 1 month" ExpiresByType application/x-javascript "access plus 1 month" ExpiresByType text/html "access plus 600 seconds" ExpiresByType application/xhtml+xml "access plus 600 seconds" # END Expire headers # BEGIN Cache-Control Headers # Only using the private/public values here - not max-age (Expires headers cover the same thing, and are more widely supported) Header set Cache-Control "public" Header set Cache-Control "private" Header set Cache-Control "private, must-revalidate" # END Cache-Control Headers # BEGIN Turn ETags Off # Inherently misconfigured, especially for server clusters Header unset ETag FileETag None # END Turn ETags Off # BEGIN Remove Last-Modified Header # We're using Expires header to check for freshness, so save bytes by not returning this header. Header unset Last-Modified # END Remove Last-Modified Header |
Ten drugi fragment dotyczący kontroli pamięci podręcznej pochodzi z bloga: Gary’s Code
Bardzo jestem ciekaw, jaki efekt wywoła na Waszych stronach zastosowanie przedstawionych metod. Tak więc zachęcam do chwalenia się! O ile udało się Wam poprawić wynik w Google PageSpeed dzięki moim poradom?