7 moduri de a face ca site-ul sau blogul dvs. să se încarce mai repede pentru vizitatori

Viteza slabă de încărcare a paginii este unul dintre principalele motive pentru care site-ul dvs. nu primește accesările pe care le merită.

Având în vedere că atenția publicului este la un nivel scăzut de timp, iată câteva sfaturi de top pentru a vă grăbi site-ul pentru a vă asigura că vizitatorii dvs. rămân în jur.

1. Reduceți dimensiunea reală a site-ului dvs.

Dacă site-ul dvs. Web se încarcă mai încet decât trei secunde, este posibil ca utilizatorii să renunțe la acesta chiar înainte de încărcarea paginii principale. Utilizarea unui format greșit pentru imaginile dvs. vă poate bloat cu ușurință site-ul dvs. web și poate distruge o experiență de răsfoire.

Peste 70% din paginile web mobile sunt peste 1MB, iar 12% sunt peste 4MB! Rețineți că este nevoie șapte secunde pentru a descărca 1.5MB pe o conexiune 3G bună. Cea mai bună practică este păstrarea fiecărei pagini sub 0,5 MB.

Aflați diferența dintre JPG, PNG și GIF și asigurați-vă că utilizați rezoluția de care aveți nevoie.

Potrivit lui GlobalStats, acestea sunt cele mai utilizate rezoluții ale ecranului pentru 2018:

• 22.55% utilizează o rezoluție de 360 x 640 (mobil)
• 11,73% utilizează o rezoluție de 1366 x 768
• 8.26% utilizează o rezoluție de 1920 x 1080
• 4.91% utilizează o rezoluție de 375 x 667 (mobil)
• 2.94% utilizează o rezoluție de 1440 x 900

Aceasta este peste 50% din toți utilizatorii, deci luați în considerare acest lucru atunci când adăugați fotografii pe site-ul dvs. Web.

2. Design site-ul dvs. pentru mobil

Potrivit cercetărilor efectuate de Google anul trecut pe viteza paginii mobile:

Timpul mediu necesar pentru a încărca complet o pagină de destinație mobilă este de 22 de secunde, potrivit unei noi analize. Cu toate acestea, 53% dintre vizitatorii site-urilor mobile părăsesc o pagină care durează mai mult de trei secunde pentru încărcare. Asta eo mare problemă.

Peste 75% din site-urile mobile au nevoie de 10 secunde sau mai mult pentru a încărca pe 3G. Peste jumătate din trafic este prin dispozitive mobile, iar acest lucru nu este probabil să scadă. Așadar, păstrați o amprentă mică a site-ului pentru a vă bucura de utilizatorii de internet mobil și asigurați-vă că aceștia rămân în jur!

Dacă utilizați un CMS cum ar fi WordPress, Joomla sau Drupal Drupal vs. Wordpress: Care este cel mai bun CMS Open Source? Drupal vs. Wordpress: Care este cel mai bun CMS Open Source? Planificați înființarea unui site Web, dar nu puteți alege CMS-ul deschis open source? Iată cum puteți alege între WordPress și Drupal. Citiți mai multe, există pluginuri care vă ajută să vă faceți site-ul mai prietenos cu mediul.

Alternativ, puteți utiliza instrumente cum ar fi bMobilized sau Duda Mobile pentru a converti site-ul desktop pe telefonul mobil. Acestea fiind spuse, este adesea mai bine să creați un site web separat pentru a asigura cea mai bună experiență pentru utilizatorii dvs. de telefonie mobilă.

De asemenea, vă recomandăm să oferiți o versiune simplificată a site-ului dvs. utilizând proiectul Accelerated Mobile Pages (AMP). Folosirea paginilor AMP va îmbunătăți viteza de încărcare a paginilor pe telefonul mobil. Există reguli stricte pentru JavaScript și CSS, dar beneficiile sunt măsurabile.

Indiferent de traseul pe care doriți să-l deconectați, asigurați-vă că site-ul dvs. mobil este o opțiune ușoară.Și încercați să păstrați sub recomandarea de 0,5 MB pe pagină.

3. Asigurați-vă că site-ul dvs. este miniat

Dacă scrieți propriul dvs. site de la zero, editați-l în mod regulat. Pe măsură ce se dezvoltă proiectul dvs., probabil că învățați mai multe modalități eficiente de a face lucrurile, așa că asigurați-vă că reveniți prin codul dvs. pe măsură ce vă îmbunătățiți.

Reduceți și combinați CSS, HTML și JavaScript. Dacă utilizați un CDN ca Cloudflare, de exemplu, există o filă specifică pentru îmbunătățirea vitezei, unde prima opțiune este Auto Minify. Dacă utilizați un constructor de site-uri (cum ar fi Squarespace sau Weebly), acest lucru este probabil făcut pentru dvs. în mod implicit.

Asigurați-vă că vă testați site-ul web după ce ați activat ceva care combină sau micficiază resursele site-ului dvs. Experimentați diferitele opțiuni pentru a vedea ce este cel mai bun pentru site-ul dvs., deoarece unele funcții se pot rupe cu Minify activat.

4. Evitați încărcarea scripturilor atunci când nu este necesară

Dacă trebuie să încărcați mai multe fișiere JavaScript înainte de a fi necesare, va încetini în mod inutil viteza întregii pagini. Evitați să încărcați scripturi de pe serverele terță parte, dacă puteți.

Solicitarea acestora va încetini mai mult viteza de încărcare și poate provoca un risc de securitate. Păstrați-le pe serverul site-ului dvs. atunci când este posibil.

Poți să folosești amâna sau async pentru a întârzia încărcarea anumitor fișiere JavaScript pentru a reduce solicitarea dispozitivelor vizitatorilor și pentru a îmbunătăți viteza de încărcare a paginilor dvs. Alternativ, pentru scripturi mici, puteți in linie JavaScript direct în documentul HTML.

Async va informa browserul să continue parsarea codului HTML în același timp cu descărcarea fișierelor JavaScript. Pauza se va întâmpla după ce fișierul este descărcat complet.

Între timp, amânarea va spune browser-ului să execute fișierele JavaScript după browserul a finalizat parsarea întregului document HTML.

Un browser va întrerupe în mod prestabilit parsarea fișierelor HTML în timp ce fișierele JavaScript sunt preluate și executate.

Includerea codului JavaScript în documentul HTML va ajuta la reducerea numărului de fișiere pe care un browser trebuie să le descărce înainte de a afișa o pagină. Puteți insera JavaScript prin adăugarea conținutului oricărui fișier JavaScript extern între etichetele de script.

Puteți utiliza în siguranță pași de întârziere și asincronizare pe Google Analytics, pe Facebook Pixel și pe alte instrumente de analiză și raportare a erorilor fără a afecta funcționalitatea paginii.

În cele din urmă, analizați dacă sunt necesare codurile de urmărire, analizele, caracteristicile suplimentare și anunțurile pe care le-ați difuzat pe site-ul dvs. web. Utilizați mai multe opțiuni ușoare atunci când este posibil și eliminați-le dacă nu adaugă nimic valoros pentru dvs. sau pentru vizitatorii dvs..

5. Utilizați Caching și un CDN

O rețea de livrare a conținutului (CDN) va copia site-ul dvs. pe servere la nivel mondial și va reduce timpul de călătorie al datelor prin conectarea vizitatorilor la un server geografic mai aproape de acestea. De asemenea, conținutul static va fi stocat în cache și livrat de serverele CDN.

Cloudflare este probabil CDN-ul pe care îl cunoașteți cel mai bine, dar Akamai și Amazon CloudFront sunt alternative bine stabilite.

Asigurați-vă, de asemenea, că utilizați cache-ul browserului. Acesta este modul în care browserul dvs. vă compromite confidențialitatea. Acesta este modul în care browserul dvs. vă compromite confidențialitatea. Browserul dvs. web dezvăluie o mulțime de informații despre cine sunteți, unde vă aflați și ce vă place. Iată detaliile pe care le scurg de fiecare dată când te duci online. Citiți mai multe pentru a îmbunătăți viteza de încărcare a site-ului dvs. pentru vizitatori repetați. Browser caching funcționează prin descărcarea acestor fișiere de pe server pe dispozitivul utilizatorului.

În alte vizualizări sau vizite de pagină, aceste fișiere se vor încărca la nivel local de pe dispozitivul utilizatorului în loc să le solicite de la serverul extern (în funcție de data de expirare a fișierelor).

6. Îndepărtați pluginurile neesențiale

Plugin-urile ar trebui folosite numai atunci când este necesar. Acest lucru este valabil indiferent dacă utilizați Wix, Weebly, WordPress sau Squarespace Squarespace versus Wordpress: 7 diferențe care vă pot surprinde Squarespace vs. Wordpress: 7 diferențe care vă pot surprinde În lumile web hosting și construirea site-ului, puține nume sunt mai mari decât WordPress și Squarespace. Dar cum decideți ce să folosiți? Citește mai mult sau orice altceva. Orice funcții pe care le puteți face prin adăugarea de CSS simplu, nu de un plugin, ar trebui. Utilizați codul de injectare pe Squarespace, utilizați CSS Customizer în WordPress și CSS personalizat pe Wix.

Plugin-urile pot genera o intensitate mare a procesorului sau a memoriei pe serverul dvs., ceea ce poate încetini sau chiar opri încărcarea site-ului.

Dacă utilizați WordPress, este posibil să nu utilizați toate funcțiile încorporate. Dezactivați-le cu un plugin precum Clearfy.

Luați în considerare întotdeauna plugin-urile pe care le utilizați. Dacă utilizați câteva funcții în plugin-uri cum ar fi JetPack, vă recomandăm să le eliminați cu totul și să le înlocuiți cu pluginuri mai ușoare care fac același lucru.

7. Setările serverului pentru a grăbi site-ul dvs.

Întârzierea serverului va avea un mare impact negativ asupra vitezei de încărcare a paginii și a PageRank-ului dvs..

Google recomandă ca Timpul până la primul octet (TTFB) să fie de 1,3 secunde sau mai puțin. Aceasta este cea mai lungă întârziere înainte ca un dispozitiv să înceapă să descarce o pagină după ce a contactat inițial serverul. Acestea fiind spuse, pagina medie are un TTFB de peste 2 secunde, mult peste recomandările lor.

Distribuirea gazdelor este de obicei motivul pentru aceasta, dar există unele setări pe care le puteți configura pentru a îmbunătăți timpul de răspuns al serverului.

• Utilizați cea mai recentă versiune de PHP cu care este compatibil site-ul dvs. Web. Ultima versiune (PHP 7.2) are îmbunătățiri masive ale vitezei.
• Comută “Ține în viață”
• Activați HTTP / 2
• Profitați de HTTP Strict Transport Security (HSTS)
• Stabiliți-vă copiile de rezervă să se termine noaptea

În cazul în care site-ul dvs. este făcut în WordPress, asigurați-vă că utilizați o gazdă care este specializată în WordPress hosting, cum ar fi Bluehost. Acest lucru vă va asigura că setările serverului sunt configurate în mod specific pentru performanța WordPress.

Finalizat? Acum testați-vă site-ul

Acum, că știți timpul ideal de încărcare a paginii, dimensiunea și Timpul până la primul octet (TTFB) pe care ar trebui să-l vizați, cum știți care este a dvs.?

Iată câteva dintre instrumentele noastre preferate online pentru a testa site-ul dvs.:

• varvy.com: aceste instrumente vă vor testa viteza și performanța paginii de pe desktop și mobil și vă vor oferi ghiduri valoroase despre modul în care vă puteți îmbunătăți site-ul
• Google PageSpeed ​​Insight: actualizat recent, instrumentul PageSpeed ​​Google vă va testa viteza și vă va oferi sugestii de îmbunătățire
• GTmetrix: un instrument minunat cu sfat acustic
• WebPageTest: testați-vă site-ul pe diferite dispozitive, sisteme de operare și locații
• Pingdom: un instrument foarte popular, similar cu WebPageTest cu o interfață mai frumoasă

Puteți testa site-ul dvs. mobil cu legăturile de mai sus și, de asemenea, cu testul ThinkWithGoogle Mobile Test (alimentat de WebPageTest). Rezultatele vă vor oferi sfaturi specifice cu privire la ce vă puteți îmbunătăți, cu o reducere estimată a timpului de încărcare dacă urmați sfaturile.

Cele mai bune practici recomandate sunt în continuă schimbare, deci verificați periodic viteza paginii pe măsură ce faceți îmbunătățiri.

Pentru o mai bună înțelegere a performanței site-ului dvs., nu uitați să verificați domeniul dvs. pe Google și Bing. Cele 5 avantaje principale ale verificării domeniului dvs. pe Google și Bing Cele 5 avantaje principale ale verificării domeniului dvs. pe Google și Bing Dacă aveți propriul site web, iată de ce ar trebui să vă verificați domeniul pe Google și Bing cu ajutorul instrumentelor pentru webmasteri. Citeste mai mult

Explorați mai multe despre: Dezvoltarea web.