ointernete.sk - internet správy

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

Jasom Dotnet, pred 3 rokmi
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

SLEDUJTE NÁS AJ MIMO WEBU

TÉMY

NAJLEPŠIE WEBSTRÁNKY

Všetky webstránky

NAJLEPŠIE FIRMY

Všetky firmy

VIAC ČLÁNKOV

SOCIÁLNE SIETE

Všetky články SOCIÁLNE SIETE

VIDEO

Všetky články VIDEO

MOBILNÉ ZARIADENIA

Všetky články MOBILNÉ ZARIADENIA

WEB & DESIGN

Všetky články WEB & DESIGN

BEZPEČNOSŤ

Všetky články BEZPEČNOSŤ

STARTUPY

Všetky články STARTUPY

TÉMY

VIAC TÉM

Amazonbanská bystricaBitcoinBliss ControlBufferCammsterCenzúraChromeClipboardCoffee & PowerCooltúracrowdfundingdesigndoménaE-mailELETFlickrFoursquareGarageGoaccessGoogle Consumer SurveysGPSHardwareHitHitHolúbokIndieGoGoinfografikaIntelInzerátiOSiPhoneKickStarterKnihyLinkedInMalwareMapyMarketingMarmeládaMicroryzaMojevideo.skMouse without BordersMozillaNaj.skointernetePC MonitorPHPPidginPinterestPokecproduktivitaPropagandaRecenziaresearchRuby on railsSecond LifeSkypeSmall DemonsSOPAŠtartovaťStravaSúkromieTimeTableTo-doTumblrvideonávodviralVisuallywebcamWebRTCWebsupportwebtlakWhatFontisWhiteOut.ioWindowsXMPPZoznam