Cum să vă faceți site-ul să se încarce rapid pe mobil (2022)

Performanța site-ului dvs. pe dispozitivele mobile este acum mai importantă decât performanțele pe computere desktop.

Acest lucru se datorează faptului că sunt mai mulți oameni care folosesc dispozitivul mobil pentru a accesa internetul decât oameni care folosesc desktop-uri.

Potrivit StatCounter, peste 50% dintre utilizatorii de internet din întreaga lume folosesc dispozitive mobile. În timp ce doar puțin peste 47% folosesc desktop-uri.

Dacă vă optimizați site-ul în principal doar pentru desktop, vă afectați succesul afacerii. Mobilul este mai important acum decât oricând.

Cum funcționează site-ul tău pe mobil este foarte important pentru SEO. Abordarea Google este acum indexarea pe mobil. Aceasta înseamnă că Google utilizează versiunea mobilă a unui site web pentru indexare și clasare.

Dacă site-ul tău este rapid pe desktop și lent pe mobil, clasamentul tău va avea de suferit. Performanța site-ului dvs. pe mobil ar trebui să fie mai importantă decât performanța acestuia pe desktop.

Făcând site-ul dvs. să se încarce rapid pe mobil, vă va îmbunătăți SEO, va reduce rata de respingere și va crește conversia.

Dar optimizarea unui site pentru viteza pe mobil nu este la fel de ușoară ca optimizarea unui site pentru viteza pe desktop. Din fericire, acest articol vă poate ajuta să vă faceți site-ul să se încarce rapid pe mobil dacă urmați sfaturile pe care le-am enumerat aici.

Testarea vitezei site-ului dvs

Primul lucru pe care ar trebui să-l faceți este să testați viteza site-ului dvs. pe mobil. Acest lucru vă va oferi o imagine clară a cât de rapid sau lent este site-ul dvs.

Doar pentru că site-ul dvs. se încarcă rapid pe desktop nu este o garanție că se încarcă rapid pe mobil. Este posibil ca site-ul dvs. să fie super rapid pe desktop, dar foarte lent pe mobil.

Există multe instrumente de testare pentru dispozitive mobile, dar prefer să folosesc Testarea site-ului meu de la Google pentru testarea vitezei mobile.

Pur și simplu vizitați ThinkWithGoogle și introduceți adresa URL a site-ului dvs. Ar trebui să puteți testa cât de rapid este site-ul dvs.

Pentru mine, un site care se încarcă în 3 secunde este suficient de bun. Dar Think With Google recomandă cel puțin 2,4 secunde.

Cum să vă faceți site-ul să se încarce rapid pe mobil

Iată cele mai bune practici pentru a vă accelera site-ul pe mobil:

Utilizați o temă receptivă

O temă receptivă este o temă care se adaptează pentru a se potrivi tuturor dispozitivelor. Aceasta înseamnă că, chiar dacă utilizatorii dvs. provin de pe desktop, mobil sau tabletă, tema dvs. le va oferi o versiune a site-ului dvs. web care se potrivește indiferent de dispozitivul pe care îl folosesc.

Servirea versiunii desktop a unui site web pentru utilizatorii de telefonie mobilă va încetini timpul de încărcare. Și este groaznic pentru experiența utilizatorului.

Utilizarea unei teme receptive este foarte importantă. Este prima fundație a unui site web rapid pe mobil. Există mai multe teme receptive din care puteți alege. Citiți lista mea cu Top 10 cele mai rapide și bune teme WordPress, oricare dintre temele enumerate acolo este suficient de bună și receptivă.

Utilizați o gazdă web rapidă

Gazda dvs. web joacă cel mai important rol în accelerarea site-ului dvs. O gazdă web foarte rapidă cu cele mai recente tehnologii de găzduire va face site-ul dvs. să se încarce rapid pe mobil.

Dacă aveți o gazdă web lentă, indiferent de modul în care vă optimizați site-ul, este posibil să nu observați o îmbunătățire semnificativă.

Recomand Cloudways și Kinsta pentru site-urile web consacrate. TargetTrend este găzduit la Cloudways. Pentru site-urile pentru începători, recomand Bluehost.

Folosiți AMP

Accelerated Mobile Pages (AMP) este un proiect de la Google pentru a accelera site-urile de pe mobil.

AMP este optimizat pentru navigarea mobilă și poate ajuta la accelerarea semnificativă a timpului de încărcare a unui site web. De asemenea, poate reduce numărul de solicitări cu peste 77% conform unui studiu.

Puteți începe să utilizați AMP instalând pluginul oficial AMP. Există și alte pluginuri AMP, le poți folosi și tu.

Odată ce activați pluginul, puteți alege oricare dintre cele trei moduri disponibile. Dacă majoritatea vizitatorilor dvs. provin de pe mobil, luați în considerare utilizarea modului de tranziție sau standard. Dar tema dvs. trebuie să fie compatibilă cu AMP.

Imagini de încărcare leneșă

Imaginile pot încetini un site web, mai ales pe dispozitivele mobile. Cel mai bun mod de a le gestiona este să le încărcați atunci când utilizatorii au derulat la el. În acest fel, se vor încărca numai atunci când este nevoie și, prin urmare, au un efect redus sau deloc asupra timpului de încărcare.

Dacă încercați să testați site-ul dvs. pe PageSpeed ​​Insight sau Web.dev și sunteți avertizat să „amânați imaginile în afara ecranului”, înseamnă că imaginile vă încetinesc timpul de încărcare și ar trebui să vă gândiți să le încărcați leneș.

Încărcarea imaginilor lenevă înseamnă întârzierea încărcării imaginilor până când un utilizator derulează la ele. Acest lucru poate îmbunătăți viteza.

Există multe plugin-uri pentru a gestiona încărcarea leneșă. Majoritatea pluginurilor de cache și a pluginurilor de optimizare a imaginii au opțiuni de încărcare leneșă.

Eliminați resursele care blochează redarea

Eliminarea resurselor care blochează randarea poate accelera timpul de încărcare a site-ului dvs. pe mobil.

De obicei, există unele scripturi Java și CSS care îngreunează browserul să redeze rapid un site web atunci când un utilizator îl vizitează. Acest lucru se datorează faptului că browserul trebuie să se oprească și să citească aceste fișiere înainte de a putea reda site-ul utilizatorului.

Eliminarea acestor resurse poate accelera timpul de încărcare. Există plugin-uri precum Autoptimize care pot ajuta la eliminarea resurselor care blochează randarea.

Am un articol util despre asta, ar trebui să citiți: Cum să eliminați resursele care blochează randarea în WordPress.

Eliminați CSS neutilizat

A avea o mulțime de CSS neutilizate poate încetini un site web. CSS neutilizate sunt CSS care nu sunt necesare pentru ca un site web să se încarce. Dar pentru că sunt prezente, browserul trebuie să le descarce, să le analizeze și să le proceseze.

Există pluginuri precum Perfmatters și Asset CleanUp care pot ajuta la eliminarea CSS neutilizate.

Am scris un ghid simplu despre asta: Cum să eliminați CSS și JS neutilizate din WordPress.

Generați CSS critic

CSS critic este folosit pentru a extrage cu ușurință conținutul de deasupra paginii pentru a le reda rapid utilizatorului. Având o cale CSS critică, poate accelera timpul de încărcare a site-ului dvs. pe mobil și desktop.

Există pluginuri care pot ajuta la Generarea Critical CSS. WP Rocket poate face asta, LiteSpeed ​​Cache și WP Performance pot genera, de asemenea, CSS critice.

Aveți un sistem de stocare în cache bun

Memorarea în cache este o modalitate foarte fiabilă de a accelera un site web. Ar trebui să utilizați un plugin eficient de stocare în cache pentru a oferi conținut în cache vizitatorilor dvs. de pe mobil. WP rocket este un plugin de cache premium care este foarte eficient. W3 Cache total, dacă este bine configurat, poate fi foarte eficient.

Majoritatea companiilor de găzduire web gestionate oferă cache la nivel de server. Aflați dacă gazda dvs. web oferă același lucru și cereți-le să activeze pentru site-ul dvs. dacă nu este disponibil.

Puteți solicita gazdei dvs. să instaleze și să activeze cacheul Varnish. Cache-ul Varnish este cunoscut pentru accelerarea site-urilor web.

Optimizați imaginile

Asigurați-vă că comprimați imaginile. Prefer să comprim complet imaginile înainte de a le încărca. Cu toate acestea, există multe plugin-uri, cum ar fi optimole și altele, care pot ajuta la comprimarea imaginilor în interiorul WordPress.

Servirea de imagini WebP poate ajuta și la creșterea vitezei site-ului. WebP sunt mai mici decât JPG și PNG, prin urmare sunt mai prietenoase cu viteza.

Există multe plugin-uri care pot ajuta la convertirea și difuzarea imaginilor WebP. Optimole și imaginile zburătoare pot face acest lucru foarte bine.

Minimizează codul

Minificarea este procesul de comprimare a codului unui site web de la o dimensiune mai mare la o dimensiune mai mică. Cu cât este mai mic, cu atât mai bine atâta timp cât nu sparge nimic.

Ar trebui să luați în considerare reducerea JS și CSS.

Majoritatea pluginurilor de stocare în cache oferă funcții de minificare. Dar asigurați-vă că utilizați punerea în scenă pentru a testa, deoarece se știe că minificarea distruge site-urile web.

Minimizați redirecționările

Prea multe redirecționări vă pot încetini site-ul, mai ales pe mobil. Poate încetini timpul de răspuns al serverului.

Asigurați-vă că nu aveți prea multe redirecționări. Dacă sunteți, atunci reduceți-le cât puteți.

Activați compresia

Comprimați fișierele pentru a vă face site-ul rapid pe mobil. Cu cât lucrurile sunt mai mici, cu atât site-ul tău va fi mai rapid.

Gzip sau Brotli pot crește semnificativ viteza site-ului dvs. prin comprimarea fișierelor site-ului. În general, Brotli este mai bun decât Gzip. Dar oricare dintre ele va funcționa bine. Verificați cu gazda dvs. web pentru a activa compresia pentru dvs.

Există, de asemenea, pluginuri care vă pot ajuta să activați compresia dacă o soluție de plugin este mai potrivită pentru dvs.

Reduceți numărul de AdSense pe pagină

Google AdSense este una dintre cele mai populare moduri de a face bani prin blogging, dar este cunoscut și că încetinește semnificativ site-urile web.

Din observația mea, dacă dezactivați AdSense, veți observa instantaneu o diferență foarte mare în timpul de încărcare.

Dar banii sunt foarte importanți, precum și viteza. Deci trebuie să ajungeți la un compromis. Google recomandă 3 unități de anunțuri pe pagină. Dacă rămâi cu asta, atunci ar trebui să fii bine.

Am observat că unitățile de conținut potrivit și anunțurile la nivel de pagină au cel mai mare impact negativ asupra timpului de încărcare mobil.

Utilizați un CDN

O rețea de difuzare a conținutului poate ajuta la creșterea vitezei site-ului dvs., făcând o copie statică a site-ului dvs. și oferindu-le utilizatorilor din întreaga lume dintr-o locație mai apropiată de ei atunci când încearcă să vă viziteze site-ul.

Dacă nu utilizați un CDN, atunci pierdeți!.

Consultați cei mai buni furnizori CDN WordPress.

Utilizați fontul stivă de sistem

Recent am încercat să grăbesc timpul de încărcare a acestui site pe mobil. Așa că am decis să nu mai folosesc fontul Google și am încercat stiva de sistem și, spre surprinderea mea, a existat o îmbunătățire semnificativă a vitezei.

Fonturile Google și fonturile minunate sunt uimitoare, dar pot încetini site-ul. Utilizarea stivei de sistem asigurați-vă că nu se fac solicitări externe, deoarece este nevoie de fontul oricărui dispozitiv pe care îl folosește utilizatorul.

Unele teme facilitează schimbarea în stiva de sistem. Pur și simplu comutați la stiva de sistem.

Folosiți versiuni mai noi PHP

Versiunile PHP mai noi sunt de obicei mai rapide decât cele mai vechi. Ar trebui să vă asigurați că utilizați cea mai recentă versiune PHP sau doar o versiune înapoi.

Nu doar pentru viteză, ci și pentru securitate.