21 trikov na zvýšenie rýchlosti vašich webových stránok

pomalé načítanieRýchlosť vášho webu môže mať veľký vplyv na návštevnosť, konverzie a výnosy. Ako metrika výkonnosti by sa rýchlosť nemala podceňovať. Podľa Akam, takmer polovica všetkých používateľov internetu očakáva, že sa webová stránka načíta za menej ako dve sekundy, a 40% používateľov klikne na web, ak načítanie trvá dlhšie ako tri sekundy..


v “Prečo záleží na výkone webu: Je vaša stránka hnacou silou zákazníkov??”, Štúdiu Gomeza z roku 2010, ktorá sa zaoberala prieskumom 1 500 online nakupujúcich o vplyve výkonnosti webových stránok na ich online správanie, sa dozvieme nasledujúce informácie:

  • “Zvýšenie času načítania webových stránok z 2 na 10 sekúnd zvýšilo mieru opustenia stránok o 38%.”
  • “Počas období dopravnej špičky odišlo viac ako 75% spotrebiteľov na konkurenta’s miesto oneskorenia.”

Štúdia, ktorá sa má ďalej zdôrazňovať vplyv rýchlosti webových stránok na spotrebiteľské správanie Aberdeen Group ukazuje, že iba jednosekundové oneskorenie času načítania vedie k 7% zníženiu konverzií na webových stránkach. Počet zobrazení stránky sa navyše znížil o 11% a spokojnosť zákazníkov klesla o 16%. Ako keby to nebolo’Ak by sme mali dosť času na to, aby sme zasiahli domov a aby sme sa snažili optimalizovať čas načítania našich webových stránok, mali by si vlastníci uvedomiť, že spoločnosť Google používa rýchlosť webových stránok ako faktor pri hodnotení vašich stránok na stránke s výsledkami vyhľadávania..

Stručne povedané, pomalá webová stránka bude mať za následok:

  • Menšia návštevnosť a zobrazenia stránok
  • Znížené konverzie
  • Pokles predaja
  • Negatívne ovplyvnený imidž značky

Ako hlavný zdroj informácií o tom, ako vytvoriť úspešnú webovú stránku, HostingFacts.com predstavuje nasledujúce tipy a triky, ako zvýšiť rýchlosť webových stránok..

Rýchlosť vášho webu môže mať veľký vplyv na návštevnosť, konverzie a výnosy. Ako metrika výkonnosti by sa rýchlosť nemala podceňovať. Podľa Akam, takmer polovica všetkých používateľov internetu očakáva, že sa webová stránka načíta za menej ako dve sekundy, a 40% používateľov klikne na web, ak načítanie trvá dlhšie ako tri sekundy..

V časti „Prečo záleží na výkone webu: Je vaša stránka hnacou silou zákazníkov?“, Štúdia spoločnosti Gomez z roku 2010, ktorá sa zaoberala prieskumom 1 500 online nakupujúcich o tom, ako výkonnosť webových stránok ovplyvňuje ich správanie online, sa dozvieme nasledujúce informácie:

  • „Zvýšenie času načítania webových stránok z 2 na 10 sekúnd zvýšilo mieru opustenia stránok o 38%.“
  • „Počas obdobia špičkovej premávky viac ako 75% spotrebiteľov odišlo na konkurenčnú webovú stránku namiesto toho, aby utrpelo oneskorenie.“

Štúdia, ktorá sa má ďalej zdôrazňovať vplyv rýchlosti webových stránok na spotrebiteľské správanie Aberdeen Group ukazuje, že iba jedno sekundové oneskorenie času načítania vedie k 7% zníženiu konverzií na webových stránkach. Počet zobrazení stránky sa navyše znížil o 11% a spokojnosť zákazníkov klesla o 16%. Ako keby to nestačilo na to, aby sme zasiahli domov, a nechali nás pretekať, aby sme optimalizovali čas načítania našich webových stránok, vlastníci by si mali tiež uvedomiť, že spoločnosť Google používa rýchlosť webových stránok ako faktor pri hodnotení vašich stránok na stránke s výsledkami vyhľadávania..

Stručne povedané, pomalá webová stránka bude mať za následok:

  • Menšia návštevnosť a zobrazenia stránok
  • Znížené konverzie
  • Pokles predaja
  • Negatívne ovplyvnený imidž značky

Ako hlavný zdroj informácií o tom, ako vytvoriť úspešnú webovú stránku, HostingFacts.com predstavuje nasledujúce tipy a triky, ako zvýšiť rýchlosť svojich webových stránok. V tejto príručke sa dotkneme nasledujúcich bodov:

Krok 1: Odstránenie nepotrebných doplnkov a doplnkov

Zoberme si prípadovú štúdiu Mika, v ktorej analyzoval rýchlosť svojich webových stránok a optimalizoval ju tak, aby sa zmenila z 4,23 sekundy na načítanie iba 1,33 sekundy. Prečo bol jeho web tak pomalý? Jedno slovo. plugins.

uninstall-pluginZbytočné doplnky a doplnky môžu výrazne ovplyvniť rýchlosť vašich webových stránok. V Mike’Prípad zistil, že neuveriteľných 86% času načítania jeho webovej stránky bolo spôsobené doplnkami. Ak používate využitie redakčných systémov, ako je WordPress (používatelia môžu chcieť nainštalovať P3 alebo Plugin Performance Profiler, ktorý prehľadá vaše doplnky WordPress, aby zistil úzke miesta a vygeneroval správu o tom, ako každý doplnok ovplyvňuje výkon vašich webových stránok), Drupal alebo Joomla, je dôležité, aby ste venovali pozornosť doplnkom a doplnkom, ktoré by mohli spomaliť vaše webové stránky..

Pri riešení tohto problému je dôležité zamerať sa nielen na počet nainštalovaných doplnkov, ale aj na kvalita z týchto doplnkov. Venujte pozornosť doplnkom, ktoré načítavajú nadmerné množstvo skriptov a štýlov. Odstráňte tiež doplnky, ktoré vykonávajú veľa vzdialených požiadaviek, ako aj doplnky, ktoré zvyšujú počet databázových dopytov na každej stránke vášho webu..

Zrátané a podčiarknuté: použite doplnky, ktoré sú absolútne nevyhnutné na zvýšenie funkčnosti vašich webových stránok. Zlikvidujte zvyšok.

Zvážte prípadovú štúdiu od mikrofón, v ktorej analyzoval rýchlosť svojej webovej stránky a optimalizoval ju tak, aby sa zmenila z 4,23 sekundy na načítanie iba 1,33 sekundy. Prečo bol jeho web tak pomalý? Jedno slovo. plugins.

Zbytočné doplnky a doplnky môžu výrazne ovplyvniť rýchlosť vašich webových stránok. V prípade Mika zistil, že neuveriteľných 86% času načítania jeho webových stránok bolo spôsobené doplnkami. Ak používate využitie redakčných systémov, ako je WordPress (používatelia môžu chcieť nainštalovať P3 alebo Plugin Performance Profiler, ktorý prehľadá vaše doplnky WordPress, aby zistil úzke miesta a vygeneroval správu o tom, ako každý doplnok ovplyvňuje výkon vašich webových stránok), Drupal alebo Joomla, je dôležité, aby ste venovali pozornosť doplnkom a doplnkom, ktoré by mohli spomaliť vaše webové stránky..

Pri riešení tohto problému je dôležité zamerať sa nielen na počet nainštalovaných doplnkov, ale aj na kvalita z týchto doplnkov. Venujte pozornosť doplnkom, ktoré načítavajú nadmerné množstvo skriptov a štýlov. Odstráňte tiež doplnky, ktoré vykonávajú veľa vzdialených požiadaviek, ako aj doplnky, ktoré zvyšujú počet databázových dopytov na každej stránke vášho webu..

Zrátané a podčiarknuté: použite doplnky, ktoré sú absolútne nevyhnutné na zvýšenie funkčnosti vašich webových stránok. Zlikvidujte zvyšok.

Krok 2: Znížte alebo eliminujte množstvo tlačidiel na zdieľanie v sociálnych sieťach na vašom webe

zmenšiť tlačidlá zdieľaniaNenechajte sa mýliť tým, že mať na svojom webe veľké množstvo tlačidiel na zdieľanie v sociálnych sieťach je vždy dobrá vec. Nie je’t. Existuje iba málo štúdií, ak existujú nejaké štúdie, ktoré dokazujú akýkoľvek významný nárast v návštevnosti webových stránok vďaka tlačidlám na zdieľanie v spoločnosti. Všetko, čo robí, je zmiasť vašich návštevníkov.

Keďže väčšina tlačidiel na zdieľanie v sociálnej sieti spúšťa skript JavaScript, príliš veľa tlačidiel môže spôsobiť problémy s výkonom webových stránok. Ak dôjde k výpadku na sociálnych sieťach, môže to byť významné dôsledok pre webové stránky s nainštalovaným tlačidlom.

Namiesto sortimentu tlačidiel ich upravte podľa potreby alebo ich nastavte tak, aby sa načítali asynchrónne, aby výpadky nemali negatívny vplyv na rýchlosť vašich webových stránok..

Nenechajte sa mýliť tým, že mať na svojom webe veľké množstvo tlačidiel na zdieľanie v sociálnych sieťach je vždy dobrá vec. Nie je to tak. Existuje iba málo štúdií, ak existujú nejaké štúdie, ktoré dokazujú akýkoľvek významný nárast v návštevnosti webových stránok vďaka tlačidlám na zdieľanie v spoločnosti. Všetko, čo robí, je zmiasť vašich návštevníkov.

Keďže väčšina tlačidiel na zdieľanie v sociálnej sieti spúšťa skript JavaScript, príliš veľa tlačidiel môže spôsobiť problémy s výkonom webových stránok. Ak dôjde k výpadku na sociálnych sieťach, môže to byť významné dôsledok pre webové stránky s nainštalovaným tlačidlom.

Namiesto sortimentu tlačidiel ich upravte na základné náležitosti alebo ich nastavte tak, aby sa načítali asynchrónne, aby výpadky nemali negatívny vplyv na rýchlosť vašich webových stránok..

Krok 3: Nakonfigurujte všetky kódy sledovania Analytics a kódy reklamných sietí tak, aby sa načítali asynchrónne

Kódy sledovania Analytics a reklamné siete’ kódy môžu spomaliť vaše webové stránky. Vzdialené servery sú niekedy pomalé alebo klesajú a výsledkom je dlhý čas načítania vašich webových stránok. analýza stránok

Ak však nakonfigurujete kódy pre asynchrónne doručenie, môžete zaistiť, aby zvíťazil nadol alebo pomaly server’t negatívny vplyv na rýchlosť vašich webových stránok.

Krok 4: Použitie končí platnosť záhlavia

hlavička stránkyAko viete, rýchlosť servera je kľúčovým prispievateľom k rýchlosti vašich webových stránok. Viac serverových požiadaviek znamená pomalší web. Ak chcete tento problém vyriešiť, použite záhlavia uplynutia platnosti.

Expires Headers skracujú čas načítania pre vracajúcich sa návštevníkov tým, že povedia svojmu prehliadaču, kedy majú súbory požiadať zo servera alebo kedy majú načítať súbor z vyrovnávacej pamäte prehliadača. Napríklad môžete nakonfigurovať hlavičku vypršania platnosti tak, aby vyžadovala určitý súbor raz za mesiac, a dovtedy sa súbor uloží a načíta z vyrovnávacej pamäte..

Vaša webová stránka bude mať úžitok z používania záhlavia uplynutia platnosti dvoma spôsobmi. Najprv zníži počet HTTP požiadaviek na serveri. Po druhé, pretože ten istý súbor sa nepožaduje znovu a znovu, zaťaženie vášho servera bude menšie.

Ak chcete na svojich webových stránkach použiť hlavičku uplynutia platnosti, postupujte takto tento tutoriál od GTmetrix.

Ako viete, rýchlosť servera je kľúčovým prispievateľom k rýchlosti vašich webových stránok. Viac serverových požiadaviek znamená pomalší web. Ak chcete tento problém vyriešiť, použite záhlavia uplynutia platnosti.

Expires Headers skracujú čas načítania pre vracajúcich sa návštevníkov tým, že povedia svojmu prehliadaču, kedy majú súbory požiadať zo servera alebo kedy majú načítať súbor z vyrovnávacej pamäte prehliadača. Napríklad môžete nakonfigurovať hlavičku vypršania platnosti tak, aby vyžadovala určitý súbor raz za mesiac, a dovtedy sa súbor uloží a načíta z vyrovnávacej pamäte..

Vaša webová stránka bude mať úžitok z používania záhlavia uplynutia platnosti dvoma spôsobmi. Najprv zníži počet HTTP požiadaviek na serveri. Po druhé, pretože ten istý súbor sa nepožaduje znovu a znovu, zaťaženie vášho servera bude menšie.

Ak chcete na svojich webových stránkach použiť hlavičku uplynutia platnosti, postupujte takto tento tutoriál od GTmetrix.

Krok 5: Povoľte vyrovnávaciu pamäť webových stránok

Vyrovnávacia pamäť webových stránokUkladanie do vyrovnávacej pamäte výrazne skracuje čas načítania vašich stránok uložením verzie vašich webových stránok na návštevníka’s prehliadačom a načítaním tejto verzie pri každom návrate. Vyrovnávacia pamäť sa potom uloží a použije, kým sa webová stránka neaktualizuje alebo kým ju nenastavíte na obnovenie.

Podľa prieskumu má využitie úplnej vyrovnávacej pamäte pre web ohromujúci vplyv na čas načítania: od 2,4 s do 0,9 s!

Ak chcete povoliť ukladanie do vyrovnávacej pamäte, musíte najprv určiť, ktorú platformu používate. Ak používate WordPress, môžete nainštalovať doplnky uvedené nižšie:

Jedným z najlepších pokročilých doplnkov pre ukladanie do pamäte cache a optimalizáciu výkonu tam na trhu práve teraz je WP Rocket. Vyžaduje si to investíciu, ale výsledky sa oplatia. Ak používate platformu Drupal, postupujte takto príručka o optimalizačných technikách.

Ďalšie informácie o povolení vyrovnávacej pamäte nájdete v týchto vynikajúcich príručkách:

Ukladanie do vyrovnávacej pamäte výrazne skracuje čas načítania vašich stránok uložením verzie vášho webu do prehliadača návštevníka a načítaním tejto verzie pri každom návrate. Vyrovnávacia pamäť sa potom uloží a použije, kým sa webová stránka neaktualizuje alebo kým ju nenastavíte na obnovenie.

Podľa prieskumu má využitie úplnej vyrovnávacej pamäte pre web ohromujúci vplyv na čas načítania: od 2,4 s do 0,9 s!

Ak chcete povoliť ukladanie do vyrovnávacej pamäte, musíte najprv určiť, ktorú platformu používate. Ak používate WordPress, môžete nainštalovať doplnky uvedené nižšie:

Jedným z najlepších pokročilých doplnkov pre ukladanie do pamäte cache a optimalizáciu výkonu tam na trhu práve teraz je WP Rocket.  Vyžaduje si to investíciu, ale výsledky sa oplatia. Ak používate platformu Drupal, postupujte takto príručka o optimalizačných technikách.

Ďalšie informácie o povolení vyrovnávacej pamäte nájdete v týchto vynikajúcich príručkách:

Krok 6: Využite sieť na doručovanie obsahu (CDN)

Webové stránky hostené na serveroch v USA sa načítajú rýchlejšie pre používateľov v USA (alebo pre návštevníkov so službou US VPN). Používatelia z iných častí sveta však budú mať pomalší web. Ak chcete tento problém vyriešiť, použite sieť na doručovanie obsahu alebo CDN, ktorá bude redistribuovať súbory vašich webových stránok v sieti serverov umiestnených v rôznych častiach sveta. Tým sa značne urýchli váš web pre používateľov v iných krajinách.

V prípadová štúdia Matthew Woodward, ukázalo sa, že používanie CDN zvyšuje rýchlosť webových stránok až o 60%.

Nižšie sú uvedené dve z najlepších dostupných možností CDN:

Webové stránky hostené na serveroch v USA sa načítajú rýchlejšie pre používateľov v USA (alebo pre návštevníkov so službou US VPN). Používatelia z iných častí sveta však budú mať pomalší web. Ak chcete tento problém vyriešiť, použite sieť na doručovanie obsahu alebo CDN, ktorá bude redistribuovať súbory vašich webových stránok v sieti serverov umiestnených v rôznych častiach sveta. Tým sa značne urýchli váš web pre používateľov v iných krajinách.

V prípadová štúdia Matthew Woodward, ukázalo sa, že používanie CDN zvyšuje rýchlosť webových stránok až o 60%.

Nižšie sú uvedené dve z najlepších dostupných možností CDN:

Krok 7: Uložte webhostingu za lepší

vyberte webhostingJe potrebné povedať, že niekedy stačí ísť s a lepší webhosting. Ak ste usilovne pracovali na tom, aby ste svoj web zrýchlili a vyčerpali ste všetky ostatné možnosti, ale stále sa vyskytuje pomalý čas načítania, môže nastať čas na zmenu hostiteľa webu..

Marcus Taylor v magazíne Smashing Magazine diskutoval o tom, ako dvaja z jeho klientov, ktorí mali podobné webové stránky, využívali rôznych poskytovateľov hostingu a zaznamenali drastické rozdiely v reakčných časoch webových stránok..

Klient, ktorý na hosťovanie svojho webu používal spoľahlivý a vyhradený server, zažil 7 milisekundovú dobu odozvy DNS a klient, ktorý používal lacný server, zaznamenal 250 milisekundovú dobu odozvy DNS. Doplnky a vylepšenia vás dovezú iba bez kvalitného webhostingu.

Vzhľadom na dôležitosť výber dobrého webhostingu, Odporúčame vám prečítať si recenzie hostiteľov a zistiť, ktorý webhosting bude najlepšie slúžiť na vaše webové stránky’s potreby. Mali by ste tiež porovnať webhostingov, aby ste sa mohli čo najlepšie informovať.

Tu na HostingFacts.com sme urobili domácu úlohu a našli sme najlepších troch najlepších poskytovateľov hostingu s dobou načítania kratšou ako 500 milisekúnd:

  1. Hosting A2 – približne 300 milisekúnd
  2. SiteGround – približne 400 milisekúnd
  3. HostGator Cloud – približne 500 milisekúnd

Používanie stavačov, ako je Wix, eliminuje potrebu nájsť kvalitného webhostingu, ale pre nás ostatných je dôležité urobiť domácu úlohu, aby sme našli tú najlepšiu možnosť..

Je potrebné povedať, že niekedy stačí ísť s lepším webhostingom. Ak ste usilovne pracovali na tom, aby ste svoj web zrýchlili a vyčerpali ste všetky ostatné možnosti, ale stále sa vyskytuje pomalý čas načítania, môže nastať čas na zmenu hostiteľa webu..

Marcus Taylor v časopise Smashing Magazine diskutoval o tom, ako dvaja z jeho klientov, ktorí mali podobné webové stránky, využívali rôznych poskytovateľov hostingu a zaznamenali drastické rozdiely v časoch odozvy webových stránok. Klient, ktorý používal spoľahlivý, vyhradený server na hosťovanie svojich stránok, zažil 7 milisekundovú dobu odozvy DNS a klient, ktorý používal lacný server zaznamenal čas odozvy DNS 250 milisekúnd. Doplnky a vylepšenia vás dovezú iba bez kvalitného webhostingu.

Z dôvodu dôležitosti výberu dobrého webhostingu sa odporúča prečítať si ho hosťovanie recenzií aby ste zistili, ktorý webový hostiteľ bude najlepšie vyhovovať vašim potrebám. Mali by ste tiež porovnajte hostiteľov webu aby ste sa mohli čo najlepšie informovať.

Tu na HostingFacts.com sme urobili domácu úlohu a našli sme najlepších troch najlepších poskytovateľov hostingu s dobou načítania kratšou ako 500 milisekúnd:

  1. Hosting A2 – približne 300 milisekúnd
  2. SiteGround – približne 400 milisekúnd
  3. HostGator Cloud – približne 500 milisekúnd

Použitím stavitelia ako Wix eliminuje potrebu nájsť kvalitného webhostingu, ale pre nás ostatných je dôležité urobiť si domácu úlohu, aby sme našli tú najlepšiu možnosť..

Krok 8: Zmeňte tému svojho webu

Téma webovej stránky môže výrazne ovplyvniť rýchlosť tejto webovej stránky. Vyfarbenie kódu alebo príliš dlhý a zle napísaný kód zníži výkonnosť vašich webových stránok. Príkladom toho, do akej miery môže téma webovej stránky zmeniť svoju rýchlosť, si prečítajte prípadovú štúdiu Juliana Fernandesa, v ktorej dokázal skrátiť čas načítania z 630 ms na 172 ms iba prepnutím svojej témy na lepšie napísaný text. jeden.

Zrátané a podčiarknuté: pri výbere témy pre svoj web sa nezamerajte iba na vzhľad témy; zvážte, ako táto téma ovplyvní rýchlosť vášho webu.

Krok 9: Využite službu Google Pagespeed

PageSpeed ​​je serverový modul s otvoreným zdrojovým kódom, ktorý zvyšuje rýchlosť vašej webovej stránky vykonaním zmien a úprav servera a súborov podľa osvedčených postupov..

inštalácia PageSpeed Vy sami potrebujete trochu technickej dôvtipnosti, ale dá sa to urobiť. Na druhej strane by ste mali mať vždy možnosť požiadať svojho webového hostiteľa / vývojárov o vykonanie inštalácie.

PageSpeed ​​je serverový modul s otvoreným zdrojovým kódom, ktorý zvyšuje rýchlosť vašej webovej stránky vykonaním zmien a úprav servera a súborov podľa osvedčených postupov..

inštalácia PageSpeed Vy sami potrebujete trochu technickej dôvtipnosti, ale dá sa to urobiť. Na druhej strane by ste mali mať vždy možnosť požiadať svojho webového hostiteľa / vývojárov o vykonanie inštalácie.

Krok 10: Použite menšie obrazové súbory

Veľké veľkosti obrázkov (1 MB alebo viac) spôsobujú viazanie serverových prostriedkov a ich načítanie trvá dlhšie. Pomocou nasledujúcich nástrojov môžete optimalizovať obrazové súbory na svojom webe, aby sa zmenšili, pričom sa uistite, že kvalita obrazu nie je ohrozená:

Krok 11: Komprimujte súbory webových stránok pomocou programu Gzip

Súbory s menšou veľkosťou vedú k rýchlejšiemu načítaniu. Podobne ako pri bežnej kompresii počítačových súborov, Gzip zmenšuje veľkosť súborov vašich webových stránok ich komprimáciou do súborov zip.

Časopis Smashing Magazine upozorňuje na prípad webových stránok od 68 kB do 13 kB povolením služby Gzip.

Použi toto Sprievodca GTmetrix povoliť Gzip na svojich webových stránkach.

Krok 12: Vyčistite svoju databázu pravidelne

Čistenie databázyNiektoré redakčné systémy, ako je WordPress, a tiež doplnky, ukladajú údaje do databázy, čo postupne spomaľuje váš web..

Funkcie v programe WordPress, ako napríklad povolenie následných revízií, pingbackov a spätných sledovaní, sa pri ukladaní do veľkej miery spoliehajú na vašu databázu. Dajte si pozor aj na doplnky, ktoré ukladajú štatistické a používateľské údaje a denníky.

Aby ste to napravili, pravidelne čistite svoju databázu pomocou automatických doplnkov ako WP-optimalizácia (pre WordPress). Ak máte inú platformu, použite tento zdroj manuálne vyčistenie databázy. Majitelia webových stránok tieto opatrenia často prehliadajú, môžu však mať obrovský vplyv na zvýšenie rýchlosti vašich webových stránok.

Niektoré CMS, ako je WordPress, a tiež doplnky, ukladajú údaje do vašej databázy, čo postupne spomaľuje váš web. Funkcie v programe WordPress, ako napríklad povolenie následných revízií, pingbackov a spätných sledovaní, sa pri ukladaní do veľkej miery spoliehajú na vašu databázu. Dajte si pozor aj na doplnky, ktoré ukladajú štatistické a používateľské údaje a denníky.

Aby ste to napravili, pravidelne čistite svoju databázu pomocou automatických doplnkov ako WP-optimalizácia (pre WordPress). Ak máte inú platformu, použite tento zdroj manuálne vyčistenie databázy. Majitelia webových stránok tieto opatrenia často prehliadajú, môžu však mať obrovský vplyv na zvýšenie rýchlosti vašich webových stránok.

Krok 13: Znížte počet súborov Javascript a CSS na svojich webových stránkach

Prehliadač návštevníka môže so všetkými súbormi JavaScript a CSS na vašom webe zaobchádzať ako s jednotlivými súbormi. To následne vedie k viacerým požiadavkám, čo spomaľuje načítanie webových stránok. Počet týchto jednotlivých súborov môžete znížiť alebo ich zmenšiť ich umiestnením na jedno miesto.

Krok 14: Odstránenie viacerých obrázkov na pozadí

Výsledkom viacerých obrázkov na pozadí je viac požiadaviek na server, aby sa obrázky načítali. Viac žiadostí vedie k pomalšiemu času načítania. Môžete to vyriešiť kombináciou obrázkov na pozadí do jedného súboru. Využite obrazové skvrny, aby ste zaistili, že prehliadače musia na načítanie obrázka na pozadí podať iba jednu žiadosť.

Mnoho šablón webových stránok sa skladá z niekoľkých rôznych obrázkov na pozadí. Keď ich spojíte do jednej, dosiahnete tri veci. Najprv minimalizujete počet požiadaviek na váš server. Tiež znížite počet bajtov, ktoré musí prehliadač stiahnuť. Nakoniec obmedzíte oneskorenia spiatočných letov spôsobené tým, že sa váš server musí sťahovať z iných miest.

Zrýchlite svoj web pomocou Sprit. toto Článok Smashing Magazine robí dobré návrhy.

Výsledkom viacerých obrázkov na pozadí je viac požiadaviek na server, aby sa obrázky načítali. Viac žiadostí vedie k pomalšiemu času načítania. Môžete to vyriešiť kombináciou obrázkov na pozadí do jedného súboru. Využite obrazové skvrny, aby ste zaistili, že prehliadače musia na načítanie obrázka na pozadí podať iba jednu žiadosť.

Mnoho šablón webových stránok sa skladá z niekoľkých rôznych obrázkov na pozadí. Keď ich spojíte do jednej, dosiahnete tri veci. Najprv minimalizujete počet požiadaviek na váš server. Tiež znížite počet bajtov, ktoré musí prehliadač stiahnuť. Nakoniec obmedzíte oneskorenia spiatočných letov spôsobené tým, že sa váš server musí sťahovať z iných miest.

Zrýchlite svoj web pomocou Sprit.  toto Článok Smashing Magazine robí dobré návrhy.

Krok 15: Na vytvorenie požiadaviek na server použite jediné otvorené pripojenie

use-httpŽiadosti o súbor servera sa zvyčajne vyplnia individuálne. Otvorí sa spojenie, súbor sa uchopí, spojenie sa uzavrie a pre ďalšie uchopenie súboru sa otvorí nové pripojenie. Toto je neefektívne, čo má za následok väčšie využitie pamäte a pomalší čas načítania webovej stránky.

Pomocou protokolu HTTP keep-alive môžete všetky žiadosti o súbory zadať prostredníctvom jedného otvoreného pripojenia. Tento proces je dosť jednoduchý. Stačí skopírovať a vložiť nasledujúci kód do súboru .htaccess:

Záhlavie nastavené Spojenie udržiavané nažive

V závislosti od servera môžete postupovať aj podľa týchto krokov tu alebo tu aby bolo možné udržať nažive.

Žiadosti o súbor servera sa zvyčajne vyplnia individuálne. Otvorí sa spojenie, súbor sa uchopí, spojenie sa uzavrie a pre ďalšie uchopenie súboru sa otvorí nové pripojenie. Toto je neefektívne, čo má za následok väčšie využitie pamäte a pomalší čas načítania webovej stránky.

Pomocou protokolu HTTP keep-alive môžete všetky žiadosti o súbory zadať prostredníctvom jedného otvoreného pripojenia. Tento proces je dosť jednoduchý. Stačí skopírovať a vložiť nasledujúci kód do súboru .htaccess:

Záhlavie nastavené Spojenie udržiavané nažive

V závislosti od servera môžete postupovať aj podľa týchto krokov tu alebo tu aby bolo možné udržať nažive.

Krok 16: Vyhľadajte nefunkčné odkazy v adresách URL JavaScript, CSS a obrázka

Ak máte vo svojich webových adresách JavaScript, CSS alebo Image nefunkčné odkazy, môže sa stať, že váš web bude mať frustrujúco pomalý čas načítania. Mali by ste vyhľadať tieto nefunkčné odkazy a vyriešiť ich, aby svojim návštevníkom poskytovali lepší prehľadávač. Keď ste na tom, vyhľadajte všetky ďalšie nefunkčné odkazy, ktoré nemusia nevyhnutne ovplyvniť rýchlosť vášho webu, ale napriek tomu negatívne ovplyvňujú dojem používateľa..

Krok 17: Hosťujte všetky obrázky na svojej vlastnej webovej stránke

Hotlinking obrázkov alebo “vložené prepojenie” je, keď sa vyhnete načítavaniu obrázkov na svoj vlastný server iba odkazom na obrázok na inej webovej stránke. Teoreticky sa tým ušetrí šírka pásma, ale v skutočnosti to môže znížiť rýchlosť vašich webových stránok, najmä ak je tento web, ktorý hosťuje obrázky, znížený alebo sa sám pomaly načítava.

Dobrým pravidlom je najprv umiestniť obrázky na svoje vlastné webové stránky pred ich prepojením.

Krok 18: Hostujte čo najviac súborov na vlastnom serveri

Je takmer nevyhnutné, aby sa vaše webové stránky spoliehali na iné webové stránky, pokiaľ ide o súbory, ako napríklad vložené videá a iné multimédiá. Ak však existuje príliš veľa externých požiadaviek alebo ak požadujete od pomalých webových stránok, bude rýchlosť vášho webu negatívne ovplyvnená.

Obmedzte túto možnosť umiestnením čo najväčšieho množstva súborov na svoj vlastný server. Nezabudnite overiť spoľahlivosť webových stránok, od ktorých požadujete.

Krok 19: Skontrolujte kvalitu svojho CMS

V rámci celého vášho webu môže CMS ovplyvniť rýchlosť vášho webu. Renomované redakčné systémy, ako sú WordPress a Drupal, ako aj jednoduché HTML sa dokonale hodia na optimalizáciu času načítania webových stránok. Menej seriózne redakčné systémy vystavujú vaše webové stránky riziku pomalšieho načítania. Je dôležité, aby ste vykonávali testy a robili si domáce úlohy, aby ste sa uistili, že váš CMS je najlepší na optimalizáciu rýchlosti vašich webových stránok.

V rámci celého vášho webu môže CMS ovplyvniť rýchlosť vášho webu. Renomované redakčné systémy, ako sú WordPress a Drupal, ako aj jednoduché HTML sa dokonale hodia na optimalizáciu času načítania webových stránok. Menej seriózne redakčné systémy vystavujú vaše webové stránky riziku pomalšieho načítania. Je dôležité, aby ste vykonávali testy a robili si domáce úlohy, aby ste sa uistili, že váš CMS je najlepší na optimalizáciu rýchlosti vašich webových stránok.

Krok 20: Venujte pozornosť tomu, či vaše súbory PHP spomaľujú vaše webové stránky

Aj keď PHP okrem toho eliminuje potrebu opakovaného zadávania rovnakých informácií na vaše webové stránky, môže to tiež spomaľovať vaše webové stránky. Na odstránenie tohto problému môžete urobiť jednu z dvoch vecí: nahradiť súbory PHP statickými súbormi HTML alebo, ak je to možné’nerobte to, použite urýchľovač PHP.

Akcelerátory PHP sú užitočné pre stránky, ktoré sa musia do značnej miery spoliehať na PHP. toto Článok Wikipedia je užitočné pri uvádzaní niekoľkých dobrých urýchľovačov PHP, ktoré môžete využiť.

Aj keď PHP okrem toho eliminuje potrebu opakovaného zadávania rovnakých informácií na vaše webové stránky, môže to tiež spomaľovať vaše webové stránky. Na odstránenie tohto problému môžete urobiť jednu z dvoch vecí: nahradiť súbory PHP statickými súbormi HTML, alebo ak to nemôžete urobiť, použite urýchľovač PHP..

Akcelerátory PHP sú užitočné pre stránky, ktoré sa musia do značnej miery spoliehať na PHP. toto Článok Wikipedia je užitočné pri uvádzaní niekoľkých dobrých urýchľovačov PHP, ktoré môžete využiť.

Krok 21: Vypnite externé prepojenie vašich vlastných obrázkov

Keď iné webové stránky odkazujú na vaše vlastné obrázky, v podstate kopírujú vašu šírku pásma. Zakaždým, keď sa jeden z ich návštevníkov pokúsi zobraziť obrázky, je na váš server odoslaná požiadavka. Zakážte hotlinking, aby ste tomu zabránili!

Riaďte sa pokynmi uvedenými v tomto dokumente článok o Hongkiat aby sa zabránilo horúcemu prepojeniu vašich obrázkov. Navyše to náradie vám umožňuje vygenerovať súbor .htaccess, aby sa zabránilo horúcemu prepojeniu vašich obrázkov.

Keď iné webové stránky odkazujú na vaše vlastné obrázky, v podstate kopírujú vašu šírku pásma. Zakaždým, keď sa jeden z ich návštevníkov pokúsi zobraziť obrázky, je na váš server odoslaná požiadavka. Zakážte hotlinking, aby ste tomu zabránili!

Riaďte sa pokynmi uvedenými v tomto dokumente článok o Hongkiat aby sa zabránilo horúcemu prepojeniu vašich obrázkov. Navyše to náradie vám umožňuje vygenerovať súbor .htaccess, aby sa zabránilo horúcemu prepojeniu vašich obrázkov.

Začnite hneď otestovaním rýchlosti svojich webových stránok!

Teraz, keď ste sa riadili vyššie uvedenými tipmi a trikmi, aby ste zvýšili rýchlosť a výkonnosť svojho webu, chvíľu otestujte rýchlosť svojho webu a zistite, aký vplyv sme dosiahli. Nezabudnite zanechať komentár nižšie, ak sme vám pomohli optimalizovať a zlepšovať kvalitu vášho webu.

Toto sú moje obľúbené nástroje na hodnotenie rýchlosti vášho webu:

Test rýchlosti stránok Pingdom: Tento nástroj vám umožňuje sústrediť sa na minimalizáciu času načítania vašich webových stránok a zníženie počtu podaných serverových požiadaviek. Okrem toho obsahuje porovnávací nástroj, ktorý umožňuje zistiť, ako si vaše webové stránky vedú v porovnaní s inými webovými stránkami.

GTMetrix: Tu dostanete hodnotenie od A po F po analýze od spoločnosti Google Pagespeed Insights a Yslow. Uvádzame návrhy na optimalizáciu.

Analyzátor webových stránok: Pomocou tohto nástroja nájdete informácie o veľkosti stránky a čase sťahovania. Poskytujú sa návrhy na zlepšenie.

Štatistiky služby Google Pagespeed: Tu získate skóre až 100. Vynikajúcou funkciou je, že tento nástroj umožňuje testovať rýchlosť mobilu.

YSlow: Tento nástroj na meranie rýchlosti webových stránok nespĺňa pravidlá spoločnosti Yahoo !..

Test webovej stránky: Tu sa rýchlosť vašich webových stránok hodnotí na stupnici, ktorá dosahuje až 100.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map