Reklaam
Aeglane lehe laadimise kiirus on üks peamisi põhjuseid, miks teie veebisait ei saa soovitud väärtusi.
Kuna vaatajaskonna tähelepanu on kõigi aegade madalaimal tasemel, on siin mõned näpunäited, kuidas oma saiti kiirendada, et veenduda, et külastajad püsivad seal.
1. Vähendage oma veebisaidi tegelikku suurust
Kui teie veebisait laadib vähem kui kolm sekundit, loobuvad inimesed sellest tõenäoliselt isegi enne kodulehe laadimist. Piltide vale vormingu kasutamine võib teie veebisaidi hõlpsalt üles puhuda ja rikkuda muidu suurepärase sirvimiskogemuse.
Üle 70% mobiilsetest veebilehtedest on üle 1 MB ja 12% üle 4 MB! Pidage meeles, et see võtab aega seitse sekundit hea 3G-ühenduse korral alla laadida 1,5 MB. Parim tava on hoida iga leht alla 0,5 MB.
Õppige erinevus JPG, PNG ja GIF vahelja veenduge, et kasutate vajalikku eraldusvõimet.
Vastavalt GlobalStats, need on 2018. aastal enim kasutatud ekraani eraldusvõimed:
- 22,55% kasutab eraldusvõimet 360 x 640 (mobiil)
- 11,73% kasutab eraldusvõimet 1366 x 768
- 8,26% kasutab eraldusvõimet 1920 x 1080
- 4,91% kasutab eraldusvõimet 375 x 667 (mobiil)
- 2,94% kasutab eraldusvõimet 1440 x 900
See on üle 50% kõigist kasutajatest, nii et kaaluge seda oma veebisaidile fotode lisamisel.
2. Kujundage oma veebisait mobiilile
Vastavalt Google tegi eelmisel aastal uuringu mobiililehe kiiruse kohta:
Uue analüüsi kohaselt kulub mobiilse sihtlehe täielikuks laadimiseks keskmiselt 22 sekundit. Kuid 53% mobiilisaitide külastajatest jätab lehe, mille laadimine võtab kauem kui kolm sekundit. See on suur probleem.
Enam kui 75% -l mobiilisaitidest kulub 3G laadimiseks 10 sekundit või rohkem. Enam kui pool kogu liiklusest toimub mobiilseadmete kaudu ja tõenäoliselt see ei vähene. Seega hoidke väikese veebisaidi jälge, et mobiilse Interneti kasutajad rõõmu valmistaksid, ja veenduge, et nad püsiksid kohal!
Kui kasutate CMS-i nagu WordPress, Joomla või Drupal Drupal vs. Wordpress: mis on parim avatud lähtekoodiga CMS?Kas plaanite veebisaidi seadistamist, kuid ei saa valida õiget avatud lähtekoodiga CMS-i? Siit saate teada, kuidas valida WordPressi ja Drupali vahel. Loe rohkem , on olemas pistikprogrammid, mis muudavad teie veebisaidi mobiilisõbralikumaks.
Teise võimalusena võite kasutada selliseid tööriistu nagu bMobiliseeritud või Duda Mobile töölaua veebisaidi teisendamiseks mobiiliks. Sellegipoolest on sageli parem kujundada eraldi veebisait, et tagada teie mobiilikasutajatele parim kogemus.
Samuti peaksite kaaluma oma veebisaidi lihtsustatud versiooni pakkumist, kasutades Kiirendatud mobiililehtede (AMP) projekt. AMP-lehtede kasutamine parandab mobiiltelefoni lehtede laadimise kiirust. JavaScripti ja CSS-i jaoks on ranged juhised, kuid eelised on mõõdetavad.
Ükskõik, mis marsruudi kasuks otsustate minna, veenduge, et teie mobiiliveebisait oleks kerge valik. Ja proovige hoida alla 0,5 MB soovituse lehe kohta.
3. Veenduge, et teie veebisait oleks minimeeritud
Kui kirjutate oma veebisaiti nullist, muutke seda regulaarselt. Teie projekti arenedes olete tõenäoliselt õppinud tõhusamaid toimimisviise, seega veenduge, et täiustate oma koodi uuesti läbi.
Minimeerige ja ühendage oma CSS, HTML ja JavaScript. Kui kasutate CDN-i, näiteks Cloudflare, on kiiruse parandamiseks spetsiaalne vahekaart, kus esimene võimalus on Automaatne minimeerimine. Kui kasutate veebisaidi koostajat (nt Squarespace või Weebly), tehakse seda tõenäoliselt teie jaoks vaikimisi.
Proovige kindlasti oma veebisaiti pärast seda, kui olete lubanud kõik, mis teie veebisaidi ressursse ühendavad või minimeerivad. Katsetage erinevate võimalustega, et näha, mis on teie veebisaidi jaoks parim, kuna mõned funktsioonid võivad funktsiooni Minify aktiveerimise korral puruneda.
4. Vältige skriptide laadimist, kui seda pole vaja
Kui peate mitu JavaScripti faili enne nende laadimist laadima, aeglustab see kogu lehe kiirust. Vältige skriptide laadimist kolmanda osapoole serveritest, kui saate.
Nende taotlemine aeglustab laadimiskiirust veelgi ja võib potentsiaalselt põhjustada turvariski. Hoidke neid võimaluse korral oma veebisaidi serveris.
Sa võid kasutada edasi lükata või asünk konkreetsete JavaScripti failide laadimisega viivitamiseks, et vähendada külastajate seadmete koormust ja parandada teie lehtede laadimise kiirust. Teine võimalus on väikeste skriptide korral järjekorras JavaScripti otse HTML-dokumenti.
Async käsib brauseril jätkata HTML-i parsimist samal ajal kui JavaScripti failid alla laaditakse. Seejärel toimub paus pärast faili täielikku allalaadimist.
Vahepeal käsib edasilükkamine brauseril JavaScripti faile käivitada pärast brauser on lõpetanud kogu HTML-dokumendi parsimise.
Brauser peatab vaikimisi HTML-failide parsimise, samal ajal kui JavaScripti failid tõmmatakse ja käivitatakse.
JavaScripti sisestus HTML-dokumenti aitab vähendada failide arvu, mida brauser peab enne lehe kuvamist alla laadima. JavaScripti saab lisada, kui lisate skriptisiltide vahele mis tahes välise JavaScripti faili sisu.
Saate Google Analyticsi, Facebook Pixeli ja muude analüüsi- ja tõrketeadete tööriistades ohutult kasutada edasilükkamist ja asünkroonimist ilma lehe funktsionaalsust mõjutamata.
Lõpuks mõelge, kas teie veebisaidil olevad jälgimiskoodid, analüüs, lisafunktsioonid ja reklaamid on vajalikud. Kasutage võimaluse korral rohkem kergeid valikuid ja tehke need vanarauaks, kui need ei lisa teile ega teie külastajatele midagi väärtuslikku.
5. Kasutage vahemälu ja CDN-i
Sisu edastamise võrk (CDN) kopeerib teie saidi serveritesse kogu maailmas ja vähendab andmete reisimise aega, ühendades külastajad neile geograafiliselt lähemale asuvale serverile. Staatiline sisu vahemällu salvestatakse ja edastatakse ka CDN-i serverites.
Pilv tõenäoliselt CDN, mida teate kõige paremini, kuid Akamai ja Amazon CloudFront on väljakujunenud alternatiivid.
Veenduge ka teie võimendab brauseri vahemällu salvestamist Nii kahjustab teie brauser teie privaatsustTeie veebibrauser näitab palju teavet selle kohta, kes te olete, kuhu lähete ja mis teile meeldib. Siin on üksikasjad, mida see lekitab, kui veebisaidile lähete. Loe rohkem parandada oma veebisaidi laadimiskiirust korduvkülastajate jaoks. Brauseri vahemällu salvestamine laadib need failid serverist kasutaja seadmesse alla.
Järgmistel lehevaatamistel või visiitidel laaditakse need failid kasutaja seadmest lokaalselt, selle asemel, et neid väliselt serverilt taotleda (olenevalt failide aegumiskuupäevast).
6. Vabanege vähemolulistest pistikprogrammidest
Pistikprogramme tuleks kasutada ainult vajadusel. See on tõsi, kui kasutate Wixit, Weeblyt, WordPress või ruut Ruut vs. WordPress: milline neist sobib teile?Veebisaidi loomisel on kaks suurimat nime WordPress ja Squarespace. Nende kahe vahel otsustamiseks peate teadma järgmist. Loe rohkem või midagi muud. Kõik funktsioonid, mida saate teha, lisades pistikprogrammi asemel lihtsa CSS-i, peaksite seda tegema. Kasutage ruutkoodisüsti ruudus, kasuta CSS-i kohandaja WordPressis ja Kohandatud CSS Wixis.
Pistikprogrammid võivad põhjustada teie serveris kõrge protsessori või mälutüve ning see võib teie veebisaidi laadimist aeglustada või isegi peatada.
Kui kasutate WordPressi, on tõenäoline, et te ei kasuta kõiki selle sisseehitatud funktsioone. Keela need pistikprogrammiga nagu Selge.
Mõelge alati kasutatavatele pistikprogrammidele. Kui kasutate pistikprogrammides (nt JetPack) vähe funktsioone, kaaluge nende täielikku eemaldamist ja asendage need kergemate pistikprogrammidega, mis teevad sama tööd.
7. Serveri sätted veebisaidi kiirendamiseks
Serveri viivitusel on teie lehe laadimiskiirusele ja PageRankile suur negatiivne mõju.
Google soovitab, et aeg esimese baitini (TTFB) oleks 1,3 sekundit või vähem. See on pikim viivitus, enne kui seade alustab pärast serveriga ühenduse võtmist lehe allalaadimist. Sellegipoolest on keskmise lehe TTFB üle 2 sekundi, mis on tunduvalt üle nende soovituse.
Tavaliselt on selle põhjuseks jagatud hostid, kuid serveri reageerimise aja parandamiseks on mõned sätted, mida saate konfigureerida.
- Kasutage PHP uusimat versiooni, millega teie veebisait ühildub. Uusimas versioonis (PHP 7.2) on kiiruse parandamine tohutu.
- Lülitage sisse „Keep-Alive“
- Luba HTTP / 2
- Kasutage HTTP range transpordi turvalisuse (HSTS) eeliseid
- Seadke oma varundamine öösel lõpule viima
Kui teie veebisait on loodud WordPressis, kasutage kindlasti WordPressi hostimisele spetsialiseerunud masinat, nt Sinine vaim. See tagab, et serveriseaded on konfigureeritud spetsiaalselt WordPressi jõudluse jaoks.
Lõppenud näpistamine? Nüüd testige oma saiti
Nüüd, kui teate ideaalset lehe laadimisaega, mahtu ja aega esimese baitini (TTFB), mida peaksite püüdma, kuidas te teate, mis teie oma on?
Siin on mõned meie lemmik veebiriistad saidi testimiseks:
- varvy.com: need tööriistad testivad teie töölaua- ja mobiililehe kiirust ja toimivust ning annavad teile väärtuslikke juhiseid oma veebisaidi parendamiseks
- Google PageSpeed Insight: hiljuti värskendatud, testib Google PageSpeed tööriist teie kiirust ja annab teile parendusettepanekuid
- GTmetrix: suurepärane tööriist praktiliste nõuannetega
- WebPageTest: testige oma veebisaiti erinevates seadmetes, opsüsteemides ja asukohtades
- Pingdom: väga populaarne tööriist, kena liidesega sarnane WebPageTestiga
Saate oma mobiilisaiti testida ülaltoodud linkide abil ja ka ThinkWithGoogle Mobile Test (powered by WebPageTest). Tulemused annavad teile konkreetseid näpunäiteid selle kohta, mida saaksite paremaks muuta, ja kui näpunäiteid järgite, siis hinnanguline laadimisaeg lüheneb.
Soovitatavad parimad tavad on pidevas muutumises, seega kontrollige paranduste tegemisel regulaarselt oma lehe kiirust.
Veelgi väärtuslikuma ülevaate saamiseks teie veebisaidi toimimise kohta pidage meeles kinnitage oma domeen Google'is ja Bingis. Google'i ja Bingi domeeni kinnitamise viis peamist eelistKui teil on oma veebisait, peaksite oma domeeni Google'is ja Bingil nende veebimeistri tööriistadega kinnitama. Loe rohkem
Iga päev on koolipäev. Bernt on unistaja ja rohelise tehnoloogia entusiast, kes soovib putukafarmiga maailma päästa. Ta on kauaaegne tehnilise toe töötaja ja WordPressi ehitaja, kes on üsna hiljuti hakanud kirjutama oma jalgu. Bernt on Google'i ökosüsteemi suur fänn ja kasutab taskukohast tehnikat elu administraatori ülesannete tegemiseks...
