Reklama

Pomalá rýchlosť načítania stránky je jedným z hlavných dôvodov, prečo vaše webové stránky nezískavajú prístupy, ktoré si zaslúžia.

Keďže pozornosť publika je stále nízka, uvádzame niekoľko najlepších tipov na zrýchlenie vášho webu, aby ste sa ubezpečili, že sa návštevníci držia.

1. Znížte skutočnú veľkosť svojich webových stránok

7 spôsobov, ako zvýšiť rýchlosť načítania vašich webových stránok alebo blogov pre návštevníkov, najpoužívanejšie uznesenia 2018 670 x 354

Ak sa váš web načíta pomalšie ako tri sekundy, ľudia ho pravdepodobne opustia ešte pred načítaním domovskej stránky. Použitie nesprávneho formátu obrázkov môže ľahko nafúknuť vaše webové stránky a zničiť inak skvelý zážitok z prehliadania.

Viac ako 70% mobilných webových stránok presahuje 1 MB a 12% presahuje 4 MB! Majte na pamäti, že je to potrebné sedem sekúnd stiahnuť 1,5 MB na dobré pripojenie 3G. Najlepšou praxou je udržiavať každú stránku pod 0,5 MB.

učiť sa rozdiel medzi JPG, PNG a GIFa uistite sa, že používate požadované rozlíšenie.

Podľa GlobalStats, Toto sú najčastejšie používané rozlíšenia obrazovky pre rok 2018:

  • 22,55% používa rozlíšenie 360 x 640 (mobilné)
  • instagram viewer
  • 11,73% používa rozlíšenie 1366 x 768
  • 8,26% používa rozlíšenie 1920 x 1080
  • 4,91% používa rozlíšenie 375 x 667 (mobilné)
  • 2,94% používa rozlíšenie 1440 x 900

Toto je viac ako 50% všetkých používateľov, preto zvážte túto skutočnosť pri pridávaní fotografií na svoj web.

2. Navrhnite svoj web pre mobil

Podľa prieskum uskutočnený spoločnosťou Google minulý rok v oblasti rýchlosti mobilných stránok:

Priemerný čas potrebný na úplné načítanie vstupnej stránky pre mobilné zariadenia je podľa novej analýzy 22 sekúnd. 53% návštevníkov mobilnej stránky však opustí stránku, ktorá sa načíta trvať dlhšie ako tri sekundy. To je veľký problém.

Viac ako 75% webových stránok pre mobilné zariadenia trvá načítanie cez 3G viac ako 10 sekúnd. Viac ako polovica všetkej prevádzky sa uskutočňuje cez mobilné zariadenia, a to pravdepodobne nebude klesať. Udržiavajte preto malú stopu webových stránok, aby boli používatelia mobilného internetu spokojní, a uistite sa, že sa držia!

Ak používate napríklad CMS WordPress, Joomla alebo Drupal Drupal vs. Wordpress: Aký je najlepší CMS s otvoreným zdrojom?Plánujete nastavenie webovej stránky, nemôžete si však vybrať správny redakčný systém s otvoreným zdrojom? Tu je postup, ako si vybrať medzi WordPress a Drupal. Čítaj viac , existujú doplnky, ktoré pomôžu vylepšiť vaše webové stránky pre mobilné zariadenia.

Prípadne môžete použiť nástroje ako bMobilized alebo Duda Mobile previesť webovú stránku pre stolné počítače na mobil. To znamená, že je často najlepšie navrhnúť samostatný web, aby ste svojim mobilným používateľom zaistili čo najlepší zážitok.

Mali by ste tiež zvážiť ponúknutie zjednodušenej verzie svojich webových stránok pomocou Projekt Accelerated Mobile Pages (AMP). Používanie stránok AMP zlepší rýchlosť načítania stránky v mobile. Existujú prísne pokyny pre JavaScript a CSS, ale výhody sú merateľné.

Bez ohľadu na to, ktorú cestu sa rozhodnete ísť dole, uistite sa, že váš mobilný web je ľahkou možnosťou. A skúste dodržať odporúčanie 0,5 MB na stránku.

3. Uistite sa, že je váš web minifikovaný

Ak píšete svoj vlastný web od začiatku, pravidelne ho upravujte. Ako sa váš projekt vyvíja, pravdepodobne sa naučíte efektívnejší spôsob, ako robiť veci, preto sa pri vylepšovaní nezabudnite vrátiť späť k svojmu kódu.

Minifikujte a kombinujte svoje CSS, HTML a JavaScript. Ak napríklad používate službu CDN, napríklad Cloudflare, existuje osobitná karta na zlepšenie rýchlosti, kde prvou možnosťou je Automatické minifikovanie. Ak používate nástroj na tvorbu webových stránok (napríklad Squarespace alebo Weebly), je to predvolene pravdepodobné.

Možnosti automatickej miniatúry oblačnosti

Po povolení všetkého, čo kombinuje alebo minimalizuje zdroje vášho webu, nezabudnite vyskúšať svoj web. Experimentujte s rôznymi možnosťami, aby ste zistili, čo je najlepšie pre váš web, pretože niektoré funkcie sa môžu pri povolenom minifikácii zlomiť.

4. Ak to nie je potrebné, vyhnite sa načítaniu skriptov

Ak budete musieť načítať niekoľko súborov JavaScript skôr, ako sú potrebné, zbytočne spomalíte rýchlosť celej stránky. Ak je to možné, vyhnite sa načítavaniu skriptov zo serverov tretích strán.

Ich vyžiadanie ďalej spomalí rýchlosť načítania a môže predstavovať bezpečnostné riziko. Pokiaľ je to možné, uschovajte ich na serveri svojich webových stránok.

Môžeš použiť odložiť alebo asynchrónne na oneskorenie načítania konkrétnych súborov JavaScript, aby sa znížilo zaťaženie zariadení návštevníkov a zvýšila sa rýchlosť načítania vašich stránok. Prípadne môžete pre malé skripty v rade priamo do HTML dokumentu.

Async povie prehliadaču, aby pokračoval v analýze kódu HTML v rovnakom čase, ako sa sťahujú súbory JavaScript. K pozastaveniu dôjde po úplnom stiahnutí súboru.

Medzitým odloží prehliadač pokyn, aby spustil súbory JavaScript po prehliadač dokončil analýzu celého dokumentu HTML.

Prehliadač predvolene pozastaví analýzu súborov HTML, zatiaľ čo akékoľvek súbory JavaScriptu sú načítané a spustené.

Vloženie JavaScriptu do dokumentu HTML pomôže znížením počtu súborov, ktoré musí prehliadač stiahnuť pred zobrazením stránky. Môžete vložiť obsah ľubovoľného externého súboru JavaScript medzi značky skriptov.

Bezpečne môžete odložiť a asynchrónovať v službách Google Analytics, Facebook Pixel a ďalších analytických nástrojoch a nástrojoch na hlásenie chýb bez toho, aby to ovplyvnilo funkčnosť stránky.

Nakoniec zvážte, či sú potrebné sledovacie kódy, analýzy, ďalšie funkcie a reklamy, ktoré sa zobrazujú na vašom webe. Ak je to možné, použite viac ľahkých možností a vyraďte ich, ak neprinášajú nič pre vás alebo vašich návštevníkov.

5. Použite vyrovnávaciu pamäť a CDN

7 spôsobov, ako zvýšiť rýchlosť načítania webovej stránky alebo blogu pre návštevníkov - prehľad 670x349

Sieť na doručovanie obsahu (CDN) skopíruje vaše stránky na servery na celom svete a skráti cestovný čas údajov tým, že pripojí návštevníkov k serveru geograficky bližšie k nim. Statický obsah bude tiež ukladaný do vyrovnávacej pamäte a dodávaný servermi CDN.

CloudFlare je pravdepodobne číslo CDN, ktoré viete najlepšie, ale Akamai a Amazon CloudFront sú osvedčené alternatívy.

Uistite sa, že tiež využitie vyrovnávacej pamäte prehliadača Takto prehliadač ohrozuje vaše súkromieVáš webový prehliadač odhaľuje množstvo informácií o tom, kto ste, kam idete a čo sa vám páči. Tu sú podrobnosti, ktoré uniká pri každom pripojení online. Čítaj viac na zlepšenie rýchlosti načítania vašich webových stránok pre opakovaných návštevníkov. Vyrovnávacia pamäť prehliadača funguje tak, že tieto súbory stiahnete zo servera na zariadenie používateľa.

Pri ďalších zobrazeniach alebo návštevách stránok sa tieto súbory načítajú lokálne zo zariadenia používateľa namiesto toho, aby ich vyžadovali od externého servera (v závislosti od dátumu skončenia platnosti súborov).

6. Zbavte sa nepodstatných doplnkov

Doplnky by sa mali používať iba v prípade potreby. To platí bez ohľadu na to, či používate Wix, Weebly, WordPress alebo Squarespace Štvorcový priestor vs. WordPress: Ktorý z nich je pre vás ten pravý?WordPress a Squarespace sú dve najväčšie mená v budovaní webových stránok. Tu je to, čo potrebujete vedieť, aby ste sa rozhodli medzi nimi. Čítaj viac alebo čokoľvek iné. Mali by ste mať akékoľvek funkcie, ktoré môžete urobiť pridaním jednoduchého CSS namiesto doplnku. Použite vklad kódu na Squarespace, Použi Prispôsobovač CSS vo WordPress a Vlastné CSS na Wix.

Doplnky môžu na vašom serveri spôsobiť vysoké zaťaženie CPU alebo pamäte, čo môže spomaliť alebo dokonca zastaviť načítavanie vašich webových stránok.

Ak používate WordPress, pravdepodobne nebudete používať všetky jeho vstavané funkcie. Zakážte ich pomocou doplnku, ako je napríklad Clearfy.

Vždy zvážte doplnky, ktoré používate. Ak v doplnkoch, ako je JetPack, používate niekoľko funkcií, zvážte ich úplné odstránenie a nahraďte ich ľahšími doplnkami, ktoré vykonávajú rovnakú prácu.

7. Nastavenia servera na urýchlenie vášho webu

Oneskorenie servera bude mať veľký negatívny vplyv na rýchlosť načítania stránky a na PageRank.

Spoločnosť Google odporúča, aby čas do prvého bajtu (TTFB) bol 1,3 sekundy alebo menej. Toto je najdlhšie oneskorenie, než zariadenie začne sťahovať stránku po prvom kontaktovaní servera. Priemerná stránka má TTFB viac ako 2 sekundy, výrazne nad ich odporúčaním.

Dôvodom sú zvyčajne zdieľaní hostitelia, ale sú tu niektoré nastavenia, ktoré môžete nakonfigurovať na zlepšenie času odozvy servera.

  • Použite najnovšiu verziu PHP, s ktorou sú vaše webové stránky kompatibilné. Najnovšia verzia (PHP 7.2) má rozsiahle vylepšenia rýchlosti.
  • Zapnite funkciu Keep-Alive
  • Povoliť HTTP / 2
  • Využite HTTP Strict Transport Security (HSTS)
  • Nastavte si zálohovanie v noci

Ak je vaša webová stránka vytvorená vo formáte WordPress, uistite sa, že používate hostiteľa, ktorý sa špecializuje napríklad na hosťovanie WordPress Bluehost. Tým sa zabezpečí, že nastavenia servera sú nakonfigurované špeciálne pre výkon WordPress.

Dokončené ladenie? Teraz otestujte svoje stránky

Výsledky mobilných testov ThinkWithGoogle

Teraz, keď viete ideálny čas načítania stránky, veľkosť a čas do prvého bajtu (TTFB), na ktorý by ste sa mali zamerať, ako viete, čo je vaše?

Tu je niekoľko našich obľúbených online nástrojov na testovanie vašich stránok:

  • varvy.com: tieto nástroje otestujú rýchlosť a výkon vašej stolnej a mobilnej stránky a poskytnú vám cenné rady o tom, ako vylepšiť svoje webové stránky
  • Štatistika Google PageSpeed: nedávno aktualizovaný, nástroj Google PageSpeed ​​otestuje vašu rýchlosť a poskytne vám návrhy na zlepšenie
  • GTmetrix: skvelý nástroj s poradenstvom pre konanie
  • WebPagetest: otestujte svoje webové stránky na rôznych zariadeniach, operačných systémoch a umiestneniach
  • Pingdom: veľmi populárny nástroj podobný WebPageTest s krajším rozhraním

Svoju mobilnú stránku môžete vyskúšať pomocou vyššie uvedených odkazov a tiež ThinkWithGoogle Mobile Test (používa technológiu WebPageTest). Výsledky vám poskytnú konkrétne tipy na to, čo môžete vylepšiť, s odhadovaným skrátením času načítania, ak sa budete riadiť týmito tipmi.

Odporúčané osvedčené postupy sa neustále menia, takže pri vylepšeních pravidelne sledujte rýchlosť stránky.

Ak chcete získať ešte cennejší prehľad o výkonnosti svojich webových stránok, nezabudnite overte svoju doménu na stránkach Google a Bing. 5 hlavných výhod overenia vašej domény na stránkach Google a BingAk máte svoj vlastný web, tu by ste mali overiť svoju doménu v službách Google a Bing pomocou nástrojov správcu webu. Čítaj viac

Každý deň je školský deň. Bernt je snílek a zelený tech nadšenec so snahou zachrániť svet pomocou hmyzu. Je to dlhoročný zamestnanec technickej podpory a tvorca WordPress, ktorý nedávno začal ponoriť nohy do písania. Bernt je veľký fanúšik ekosystému Google a používa cenovo dostupné technológie na vykonávanie životných správcovských úloh...