Viteza de încărcare a site-ului Cele mai bune practici și sfaturi de îmbunătățire

Când vine vorba de utilizatorii online de astăzi, ei își doresc ceea ce își doresc și îl doresc acum. Cu toții ne-am aflat într-o situație în care o resursă online are o viteză de încărcare a site-ului web prea mică și doar am dat clic. Datorită rețelelor sociale, televizorului și tuturor celorlalte tehnologii moderne, oamenii de astăzi nu sunt tocmai cunoscuți pentru răbdarea și concentrarea lor.

Viteza este ucigașul tăcut al site-urilor web. Aproape jumătate dintre utilizatorii site-ului se așteaptă ca site-ul dvs. să se încarce în 2 secunde sau mai puțin. Ar putea suna nebunesc, dar este adevărat că chiar și câteva secunde de timp de încărcare lentă vor speria utilizatorii fără să se gândească. Realitatea este că aveți nevoie ca site-ul dvs. să se încarce corect și rapid.

Cele mai bune practici pentru viteza de încărcare a site-ului

Este posibil să nu realizați cât de lent este de fapt site-ul dvs. decât dacă îl testați singur. Din fericire, puteți face acest lucru gratuit la Google PageSpeed. Este un instrument bazat pe web pentru a identifica timpii de încărcare și a găsi zonele cu probleme. Cum este timpul de încărcare a site-ului dvs. web? Dacă ai nevoie de ceva muncă, nu-ți face griji. Este mai ușor decât credeți să îmbunătățiți timpul de încărcare a site-ului dvs. în doar câteva clicuri. Iată câteva sfaturi suplimentare pentru a începe.

Utilizați compresia Gzip pentru o viteză mai bună de încărcare a site-ului

Compresia Gzip este un instrument puternic care reduce dimensiunea răspunsului cu aproximativ 70%, ceea ce este impresionant. Gzip este ceva care se face prin gazda dvs., așa că va trebui să întrebați gazda dvs. web dacă utilizează această compresie pe serverele lor. Cu Gzip, reduceți timpul de răspuns fără a compromite calitatea videoclipurilor, imaginilor sau a altor elemente.

Puteți rula un test pentru a vedea dacă site-ul dvs. este GZIPPED și puteți rula un test de compresie Zip. Modul în care funcționează Gzipping este prin reducerea dimensiunii răspunsului HTTP. În cele din urmă, schimbă greutatea paginii.

Memorați fișierele în cache

Memorarea în cache este atunci când o versiune a site-ului dvs. web este stocată în browserele utilizatorilor dvs. În acest fel, când vă vizitează din nou site-ul web, există o versiune anterioară care se va încărca până când noua versiune se poate reîmprospăta. Memorarea în cache poate reduce timpul de încărcare de la peste 2 secunde la mai puțin de 1 secundă. Este un salt mare și de care ar trebui să-ți pese. Din fericire, este ușor să configurați memoria cache cu site-ul dvs. web. Dacă utilizați WordPress, puteți utiliza pluginul gratuit W3 Total Cache. Memorarea în cache este o necesitate astăzi pentru a adăuga acel impuls suplimentar performanței de încărcare a site-ului dvs. web.

Pe lângă stocarea în cache pe server, ar trebui să activați și memorarea în cache a browserului. Aceasta este, în esență, o modalitate de a instrui browserele să stocheze o copie a fișierelor statice, cum ar fi fișierele imagini, CSS și JS, în browser, astfel încât vizitatorii să nu fie nevoiți să aștepte ca aceste fișiere să se descarce din nou atunci când vă vizitează din nou site-ul. Puteți citi mai multe în această colecție de informații despre păstrarea în cache a browserului WordPress.

Actualizați-vă gazda site-ului web

A avea gazda potrivită pentru site-ul tău web poate juca în performanța paginii tale. Puteți face câte modificări doriți site-ului dvs., dar dacă nu observați prea multe îmbunătățiri, gazda dvs. ar putea fi de vină. Este tentant să alegeți cea mai ieftină opțiune de găzduire atunci când vă lansați site-ul. Deși acest lucru ar putea fi bine pentru puțin timp, probabil că veți depăși acest lucru dacă găzduiți o mulțime de fișiere sau dacă întâmpinați un trafic mai mare.

Probabil că sunt partajate planuri mai ieftine, iar acest lucru înseamnă că orice problemă de pe site-urile web ale vecinului tău le va afecta și pe ale tale. A avea un server dedicat vă permite să evitați oricare dintre problemele care pot apărea dacă vă aflați pe un server partajat. De asemenea, veți avea mai multe opțiuni de servicii pentru clienți dacă aveți nevoie de asistență cu timpul de răspuns.

Cumpărați găzduire

Verificați tema site-ului dvs

Modul în care este proiectat site-ul dvs. web va juca, de asemenea, cât de bine și de rapid apare site-ul dvs. pentru vizitatori. Schimbarea temelor ar putea fi tot ce este nevoie pentru a elibera câteva secunde prețioase în timpul de încărcare a site-ului dvs.

Utilizarea unui generator de pagini sau a unei teme profesionale vă va asigura că site-ul dvs. nu este plin de cod inutil și dezordonat. De aceea, este esențial să analizați mai mult decât estetica șablonului, temei sau constructorului site-ului dvs. În plus, luați în considerare conectarea la site-ul dvs. web sau la aplicația web. Înregistrarea site-ului vă ajută să descoperiți probleme înainte ca acestea să apară și vă poate împiedica site-ul dvs. să întâmpină probleme. Alternativ, puteți trimite mesaje de jurnal direct cu un instrument precum aplicația Papertrail.

Reduceți fișierele Java și CSS

Majoritatea site-urilor web de astăzi folosesc o mulțime de fișiere Javascript și CSS, iar aceste fișiere pot fi tratate individual în browserele utilizatorilor dvs. Dacă aveți prea multe solicitări simultan, viteza de încărcare a site-ului dvs. este redusă. Dacă reușiți să minimizați toate aceste fișiere, nu veți adăuga atât de multă greutate timpului de încărcare a site-ului dvs.

Este o idee inteligentă ca fișierele Java și CSS să se încarce extern, în loc să înghesuiți fiecare pagină. Apoi, utilizatorii trebuie doar să încarce fișierele așa cum apar, nu de fiecare dată când cineva vizitează o pagină nouă de pe site-ul dvs. Nu încurca browserele utilizatorilor tăi cu prea multe fișiere.

Transportați încărcătura prin rețea

Dacă întâmpinați trafic ridicat, trebuie să fiți serios cu rețeaua dvs. Un serviciu de rețea de livrare de conținut (CDN) aduce fișierele utilizatorilor dvs. direct, utilizând servere din multe zone geografice diferite. Aceasta înseamnă că există mai puțin timp între locuri, astfel încât site-ul dvs. să se poată încărca mai repede. Cel mai cunoscut CDN este Amazon CloudFront și este ușor să îl integrați cu site-ul dvs. actual.

Încercați platformele de găzduire externă

Similar cu CDN, vă puteți găzdui fișierele pe platforme externe de găzduire pentru a evita încetinirea timpului de încărcare. Acest lucru este cel mai frecvent pentru fișierele video. Videoclipurile sunt destul de masive, iar încărcarea lor direct pe site-ul dvs. web va ocupa mult spațiu. Pot avea cu ușurință peste 100 MB, așa că nu este o mișcare inteligentă să găzduiești videoclipuri sau alte fișiere mari pe propriul tău server.

Este o idee mai bună să găzduiți aceste fișiere extern. YouTube și Vimeo sunt opțiuni excelente pentru fișierele video. De acolo, puteți încorpora videoclipul pe site-ul dvs. web. Economisește spațiu și nu încetinește timpul de încărcare. De asemenea, este mult mai ușor!

Utilizarea YouTube, în special, vă deschide conținutul către un public complet nou. De fapt, YouTube este considerat unul dintre cele mai mari motoare de căutare și atrage peste un miliard de utilizatori lunar. Este gratuit de utilizat și puteți încărca videoclipuri de până la 15 minute (sau mai mult dacă trimiteți o solicitare). Pur și simplu nu poți greși.

Verificați solicitările dvs. HTTP

Yahoo susține că 80% din timpul de încărcare a unui site web provine din descărcarea tuturor părților diferite ale unei pagini. Deși am discutat deja despre cele mai bune practici când vine vorba de fișiere Java și CSS, ce rămâne cu orice altceva? Cu cât trebuie încărcate mai multe elemente de pe pagină, cu atât va dura mai mult pentru ca pagina să apară complet.

Puteți verifica câte dintre aceste solicitări au loc accesând browserul dvs. Google Chrome este echipat cu Instrumente pentru dezvoltatori care se concentrează pe solicitările HTTP. Pentru a accesa aceste instrumente, faceți clic dreapta pe pagina dvs. în Google Chrome, faceți clic pe Inspectați, apoi navigați la fila Rețea.

Acum, puteți vedea cât de mult durează fiecare fișier pentru a se încărca în secțiunea „Timp”. În colț, veți vedea și numărul total de solicitări. Reducerea solicitărilor care necesită cel mai mult timp este o modalitate ușoară de a accelera timpul de încărcare a site-ului dvs. Continuați să citiți pentru a afla cel mai bun mod de a combina fișiere în următorul sfat.

Combinați și reduceți fișierele HTML

Când reduceți un fișier, eliminați orice spațiu alb sau cod inutil. Toate aceste lucruri mici s-ar putea să nu pară semnificative, dar asta crește timpul de încărcare. Scopul este de a avea fișiere HTML cât mai slabe posibil.

Examinați-vă site-ul web pentru a vedea dacă există pagini inutile pe care nu le mai utilizați. Există locuri în care puteți elimina spațiile albe sau codurile inutile? În cele din urmă, combinați fișierele HTML pentru a vă asigura că nu vă blocați timpul de încărcare a site-ului.

Utilizați CSS extern

CSS este modul în care includeți stilul și elementele de design pentru pagina dvs. Site-ul dvs. poate accesa fie un fișier extern care se încarcă înainte de pagina dvs., fie poate accesa stilul inline. Includerea CSS-ului în documentul HTML în sine adaugă mult cod. După cum am spus mai devreme, nu e bine.

În schimb, ar trebui să utilizați un CSS extern care este încărcat în capul codului HTML. Nu introduceți niciun CSS în HTML dacă îl puteți evita. Aceasta înseamnă în special div-uri sau titluri. Este mult mai curat și mai slab dacă utilizați o foaie de stil externă. De asemenea, este mult mai ușor de editat.

Dacă nu sunteți sigur de starea dvs. CSS, utilizați instrumentele de livrare CSS pentru a vedea cum se strâng fișierele dvs. CSS. Acest lucru vă va informa unde se află fișierul dvs. extern și dacă aveți elemente inline în HTML. Când este posibil, utilizați un singur fișier CSS extern. Probabil că puteți combina fișiere dacă aveți mai multe.

Amânați încărcarea Javascript

Când amânați un fișier, cum ar fi JavaScript, vă asigurați că restul site-ului dvs. se încarcă corect înainte de a încărca elementele Java suplimentare. Uneori, amânarea java este la fel de simplă ca și utilizarea unui plugin. Alteori, va trebui să adăugați manual un script HTML pentru a informa site-ul web că doriți să încărcați ultima versiune Java.

Acest script necesită un fișier JavaScript extern. Există un tutorial complet aici pentru amânarea Java. Deși nu este o diferență uriașă, acest lucru poate face ca documentul să pară să se încarce mai repede.

Examinați-vă timpul până la primul octet

Timpul până la primul octet (TTFB) este cât timp așteaptă un browser înainte de a începe să încarce primul octet de date. Potrivit Google, TTFB ar trebui să fie sub 200 ms. Cu toate acestea, aceasta este o preocupare pe partea serverului, așa că este ușor de trecut cu vederea pentru mai mulți dezvoltatori web.

Când utilizatorii vă vizitează site-ul web, acesta nu începe automat să se încarce. Deși ar putea părea că este un proces instantaneu, există 3 pași care au loc mai întâi. Browserul dvs. trimite o solicitare HTTP inițială serverului care găzduiește site-ul web, iar de acolo pașii sunt căutarea DNS, procesarea serverului și răspunsul.

Încă o dată, Instrumentele pentru dezvoltatori Chrome vor arăta cât durează acest proces pe pagina dvs. web. Acest lucru va depinde în mare măsură și de puterea conexiunii la internet. O conexiune lentă are un TTFB mai lent. Verificați TTFB-ul pentru a vă asigura că este sub 200 ms. Dacă nu este, este timpul să discutați cu gazda despre soluția potrivită. Este posibil să nu aveți suficient spațiu sau să aveți prea mult trafic.

În primul rând, conținutul de deasupra paginii

Uneori aveți pagini lungi care durează ceva timp pentru a se încărca. Asta e o realitate. Cu toate acestea, asigurându-vă că informațiile de mai sus se încarcă mai întâi, vă poate salva unii vizitatori. Îmbunătățiți-vă experiența utilizatorului, asigurându-vă că tot conținutul din partea de sus a paginii apare rapid.

Acesta este un proces numit „încărcare leneșă”, iar numele are sens. Este ca și cum ar fi încărcat încet pagina, dar începe din partea de sus, unde utilizatorii sunt cel mai bine concentrați. Cu încărcare leneră, utilizatorii pot vedea conținutul de top și pot crește viteza de încărcare a site-ului web fără a fi nevoie să aștepte ca restul paginii să se încarce. Aceasta este o idee grozavă, deoarece imaginați-vă că aveți peste 10 fotografii pe toată pagina. Nu ai vrea ca vizitatorii tăi să aștepte până când toate acele imagini se încarcă pentru a începe să citească.

Lazy load folosește jQuery.sonar pentru a încărca numai imaginile care sunt vizibile. Există multe pluginuri care facilitează adăugarea de încărcare leneșă paginilor dvs., dar iată un tutorial complet pentru a face acest lucru manual. Utilizatorii dvs. vor fi bucuroși că nu mai trebuie să aștepte conținutul de deasupra paginii.

Verificați dimensiunile imaginii dvs

Este ușor să încărcați imagini fără a verifica dimensiunea fișierului. Acest lucru poate fi bine din când în când, dar vă poate încetini cu ușurință site-ul dacă nu sunteți atent. Când salvați imaginile, încercați să le salvați cu opțiunea „Salvare pentru web”. Acesta este disponibil cu instrumente precum Photoshop sau Fireworks. Cu „Salvare pentru web”, dimensiunea imaginii poate fi redusă fără a pierde claritatea imaginii.

În general, evitați dimensiunile mai mari ale fișierelor. PNG când salvați fotografiile dvs. Puteți verifica proprietățile imaginii pentru a vedea dacă se apropie de dimensiuni mai mari. În cele din urmă, dacă aveți deja imagini mari pe site-ul dvs. web, utilizați un plugin sau comprimați manual acele fișiere pentru a îmbunătăți viteza de încărcare a site-ului.

Ștergeți elementele suplimentare inutile pentru o viteză mai bună de încărcare a site-ului web

Uneori adăugăm lucruri noi pe site-urile noastre web și uităm de ele. Fie trecem la altceva, fie nu mai avem nevoie de o soluție trecută. Oricare ar fi motivul, asigurați-vă că vă verificați frecvent site-ul web pentru a vă asigura că nu pierdeți spațiu cu nimic pe care nu îl utilizați. Acest lucru se aplică pentru toate următoarele:

• Imagini;
• Pluginuri;
• Elemente de navigație;
• Elemente de design;
• Pagini;
• Postări de blog arhivate.

Indiferent cât de mici, acestea vor afecta negativ viteza de încărcare a site-ului dvs. În plus, pot crea zone slabe în securitatea site-ului dvs. web, în ​​special cu pluginuri. Acestea sunt ușor deteriorate, iar acest lucru vă poate reduce securitatea. Obișnuiește-te să-ți verifici în mod regulat site-ul web pentru extra-uri învechite.

Limitați-vă butoanele de distribuire socială

Butoanele de distribuire socială sunt o modalitate excelentă de a încuraja implicarea pe rețelele sociale. Cu toate acestea, trebuie să existe o limită. Aceste butoane sunt uneori foarte eficiente. Cu toate acestea, ele pot fi, de asemenea, un bust. Ceea ce putem fi de acord este că aceste butoane de partajare socială folosesc mai multe JavaScript-uri externe și acestea încetinesc site-ul dvs.

Facebook, în special, a fost un vinovat major al acestui lucru. Scripturile Facebook pot încetini performanța site-ului cu butoanele lor de partajare. Luați în considerare dacă aceste butoane de partajare merită cu adevărat bătaia de cap. Îi poți păstra în continuare, dar păstrează doar pe cei care s-au dovedit a fi performanți de top.

Livrare asincronă

Vorbind despre codurile terțelor părți, există multe care pot merge prost. Dacă terța parte se confruntă cu o întrerupere sau este încetinită brusc, pagina dvs. se poate bloca cu ușurință încercând să încarce resursa respectivă, fie că este un buton de distribuire socială sau un script de analiză a rețelei.

Livrarea asincronă este soluția la această încetinire. Cu această opțiune activată, dacă rețeaua dvs. terță parte se confruntă cu o întrerupere, propriul site web nu va fi afectat. Puteți activa livrarea asincronă în mai multe moduri, toate acestea fiind prezentate aici.

Instalați Google PageSpeed

Google PageSpeed ​​este un modul de server open-source care optimizează viteza de încărcare a site-ului dvs. web. Este conceput de Google pentru a vă face site-ul mai rapid și este ușor de utilizat. Practic, face diferite modificări atât la serverul dvs., cât și la fișierele site-ului dvs. web. Nu trebuie să faceți nimic manual, iar site-ul dvs. web va funcționa mai bine.

Este la fel de aproape de o soluție universală pe care o veți găsi când vine vorba de performanța site-ului dvs. Puteți instala Google PageSpeed ​​în managerul dvs. de fișiere sau puteți cere gazdei sau dezvoltatorului să vă asiste la instalare. Îl poți seta și uita.

Combinați imagini de fundal

Multe teme folosesc mai multe imagini de fundal pentru a crea o singură imagine completă. Deși acest lucru ar putea arăta grozav și simultan, ar putea încetini performanța site-ului dvs. Deoarece browserele utilizatorilor dvs. vor trebui să facă mai multe solicitări diferite pentru a încărca fotografiile de fundal, acest lucru implică timpul procesului de încărcare.

În schimb, combinați imaginile într-una singură pentru a crește viteza de încărcare a site-ului. În acest fel, utilizatorii dvs. trebuie să facă o singură solicitare, mai degrabă decât multe. Site-ul dvs. web va fi mai rapid, deoarece nu mai există mai multe solicitări dus-întors pentru ca fundalul să se încarce corect.

Opriți conectarea imaginilor

Hotlinkingul este practica de a încorpora o fotografie de pe un alt site web pe propriul tău site fără a o încărca pe serverul tău. Acest lucru este simplu, cu puțin cod, dar este o practică proastă care poate duce, printre altele, la o încetinire a site-ului.

Hotlinkingul nu numai că dăunează site-ului dvs., ci furt din punct de vedere tehnic dacă faceți acest lucru fără permisiune. Proprietarii de site-uri web plătesc pentru spațiul pentru a găzdui aceste fișiere, iar când plasați același fișier pe propriul site web printr-un cod de încorporare, le luați resursele fără permisiune.

Deși există unele site-uri web care vă permit să încărcați imagini direct cu intenția de a le partaja, aceasta nu este o idee bună. Atunci când aceste site-uri web sunt lente sau înregistrează trafic ridicat, ele pot încetini viteza de încărcare a site-ului dvs. dacă le încorporați. În plus, dacă nu plătiți pentru spațiu, aceste fișiere pot fi șterse oricând fără avertisment.

Da, hotlinking-ul vă poate economisi o lățime de bandă, dar este mai probabil să vă încetinească site-ul pe termen lung. Găzduiți-vă întotdeauna imaginile pe propriul dvs. server în loc să faceți hotlinking. Când aveți îndoieli, este mai bine să cumpărați mai mult spațiu pe propriul server, astfel încât să vă puteți permite să le încărcați. Oricum ar trebui să utilizați fișiere imagine mici, așa că nu ar trebui să fie o problemă.

Creșteți-vă viteza de încărcare a site-ului dvs. web astăzi

Sunteți gata să vă duceți site-ul pe noi culmi? Este timpul să creșteți viteza de încărcare a site-ului dvs. Dacă aveți o viteză mică de încărcare a site-ului, este ușor să pierdeți vizitatori neintenționat. Gândiți-vă cât de frustrant ați găsit când un site web durează prea mult să se încarce. O întârziere de o secundă a timpului de încărcare a site-ului web va duce la o scădere cu 7% a conversiilor și o scădere cu 11% a afișărilor de pagină. Nu faceți asta utilizatorilor dvs. luând în serios aceste sfaturi de mai sus.

Accelerarea site-ului dvs. nu este complicată, costisitoare sau confuză. Este una dintre cele mai simple și rapide moduri de a vă îmbunătăți SEO și de a avea un impact pozitiv asupra utilizatorilor dvs. Dacă doriți ca site-ul dvs. să funcționeze mai bine și să vă impresioneze utilizatorii, merită să investiți în sfaturile de mai sus.

De la evitarea hotlink-urilor și a link-urilor rupte până la actualizarea găzduirii dvs. web, chiar și pașii mici de mai sus au un impact mare. Dacă sunteți depășit, începeți doar prin a testa viteza de încărcare a site-ului dvs. De acolo, veți avea o idee bună despre cât de multe îmbunătățiri trebuie să faceți pentru a vă asigura că site-ul dvs. rulează la nivelul maxim de performanță. Site-ul dvs. ar putea avea nevoie doar de câteva modificări pentru a se conforma standardelor Google. Utilizatorii tăi s-au săturat să aștepte, așa că este timpul să te apuci de treabă.

Vector de viteză de încărcare a site-ului creat de ibrandify