Przyspieszanie strony internetowej – .htaccess

Przyspieszanie strony internetowej – .htaccess

Od dawna Google bardzo dobitnie uświadamia twórcom stron internetowych, że im szybciej ona działa, tym lepiej. Oczywiście oprócz wyższej pozycji w wyszukiwarce optymalizacja strony zwiększa wygodę użytkowników naszej strony. Jak zrobić to sprawnie i bez większego wysiłku? Na przykład za pomocą trzech prostych reguł .htaccess, które znacząco podniosą wydajność serwisu internetowego.

Czy przyspieszanie strony internetowej jest trudne? Odpowiedź jest prosta – nie! Bierzmy się do pracy.


Expires headers – czas wygaśnięcia cache.

Za pomocą tej regułki nakazujemy przeglądarce zapamiętać pliki naszej strony w pamięci podręcznej. Dzięki temu przeglądarka nie musi pobierać plików z serwera za każdym razem i pobiera je ze swojego cache’a. Jak długo pliki powinny być tam przechowywane? W praktyce im dłużej, tym lepiej.


    ExpiresActive on
    ExpiresDefault                                      "access plus 1 month"
  # CSS
    ExpiresByType text/css                              "access plus 1 year"
  # Data interchange
    ExpiresByType application/json                      "access plus 0 seconds"
    ExpiresByType application/xml                       "access plus 0 seconds"
    ExpiresByType text/xml                              "access plus 0 seconds"
  # Favicon (cannot be renamed!) and cursor images
    ExpiresByType image/x-icon                          "access plus 1 week"
  # HTML components (HTCs)
    ExpiresByType text/x-component                      "access plus 1 month"
  # HTML
    ExpiresByType text/html                             "access plus 0 seconds"
  # JavaScript
    ExpiresByType application/javascript                "access plus 1 year"
  # Manifest files
    ExpiresByType application/x-web-app-manifest+json   "access plus 0 seconds"
    ExpiresByType text/cache-manifest                   "access plus 0 seconds"
  # Media
    ExpiresByType audio/ogg                             "access plus 1 month"
    ExpiresByType image/gif                             "access plus 1 month"
    ExpiresByType image/jpeg                            "access plus 1 month"
    ExpiresByType image/png                             "access plus 1 month"
    ExpiresByType video/mp4                             "access plus 1 month"
    ExpiresByType video/ogg                             "access plus 1 month"
    ExpiresByType video/webm                            "access plus 1 month"
  # Web feeds
    ExpiresByType application/atom+xml                  "access plus 1 hour"
    ExpiresByType application/rss+xml                   "access plus 1 hour"
  # Web fonts
    ExpiresByType application/font-woff                 "access plus 1 month"
    ExpiresByType application/vnd.ms-fontobject         "access plus 1 month"
    ExpiresByType application/x-font-ttf                "access plus 1 month"
    ExpiresByType font/opentype                         "access plus 1 month"
    ExpiresByType image/svg+xml                         "access plus 1 month"

Kompresja gzip.

Oprócz standardowej kompresji plików .css i skryptów .js oraz scalania tych plików w jeden (co znacząco zmniejszy liczbę zapytań do serwera), warto włączyć dodatkowy typ kompresji. Za pomocą gzip pliki mogą zmniejszyć swoją wagę nawet o 70%!

Oto regułka włączająca gzip dla najpopularniejszych formatów plików. Dziłanie kompresji możesz sprawdzić na tej stronie.

      AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript

Zapamiętywanie plików.

Proste i genialne – ustawiamy przeglądarkom nakaz zapamiętania naszych plików CSS, JS i obrazów. Dzięki temu pliki nie będą musiałby być ładowane z serwera tylko z pamięci podręcznej przeglądarki. Ta reguła jest wyjątkowo ceniona przez Google i bardzo podbija punktową ocenę strony!


    Header set Cache-Control "max-age=31536000, public"

    Header set Cache-Control "max-age=31536000, private"

Jak łatwo zauważyć przyspieszanie strony internetowej jest o wiele prostsze niż się wydaje, a za pomocą tych trzech prostych reguł zdecydowanie zwiększymy wydajność naszego serwisu.

Twoja strona już śmiga jak wyścigówka, ale nie wiesz czy czcionki, które na nią wybrałeś są odpowiednio ciekawe? Poradę znajdziesz tutaj.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.

ź