Prečo sa moja stránka načítava pomaly?

Ide tvoja internetová stránka pomaly? Tento článok ukáže ako zistiť čo spomaľuje jej načítanie.

Nástroje na testovanie rýchlosti načítania webstránky

Vo videu používam hlavne nástroj WebPageTest.org. Medzi nástroje, ktoré stoja za zmienku patrí ešte Pingdom, Google Page Speed Test a GTmetrix.

Zdroje poznatkov ako urýchliť načítanie www stránky

Yahoo Best Practices for Speeding Up Your Web Site

Google Page Speed

Yslow.org – zásuvný modul do prehliadačov na testovanie rýchlosti stránky

Zhrnutie základných princípov ako urýchliť načítanie stránky

  • zredukujte HTTP požiadavky (requesty)
  • spájajte jednotlivé CSS súbory do jedného kde odstránite komentáre a prázdne riadky (WP a Drupal to robí automaticky, nástroje na to sú JSMin a YUI Compressor)
  • rovnako postupovať aj v prípade Javascriptu
  • robte tzv. CSS sprint obrázkov, ktoré používate v štýloch
  • umiestnite obrázky na subdoménu (alebo inú doménu napr. yimg.com v prípade Youtube.com)
  • používajte štandardné fonty (vyhnite sa fonts.google.com)
  • Nginx je rýchlejší než Apache
  • prenášajte súbory HTML, CSS, JS gzipované
  • umiestnite CSS pred </head> (do hlavičky) a JS pred </body>
  • znížte počet DOM elementov (<span>, <div>, <br>…)
  • v CSS použite radšej <link> ako @import
  • optimalizujte obrázky: použite vhodnú JPG a GIF kompresiu, pokiaľ je to možné vyhnite sa PNG a použite radšej JPG formát, nezmenšujte obrázky pomocou HTML
  • nech je faviconka malý súbor
  • použite Content delivery network (CDN) v prípade globálnych projektov