Aplicați aceste 6 tehnici pentru a îmbunătăți viteza de încărcare mobilă a site-ului dvs. de afaceri

Cuprins:

Anonim

Deși există, fără îndoială, câțiva factori care influențează veniturile, majoritatea experților spun că site-urile de afaceri încărcate în 5 secunde câștigă aproape dublu față de cei care o fac în 19, timpul mediu de încărcare a site-ului.

Studiul a mai constatat că site-urile care se încarcă în 5 secunde au:

  • Cu 25% mai mare vizibilitate a anunțului,
  • O rată de respingere mai mică de 35% și
  • 70% sesiuni de utilizare mai lungi.

Tocmai de aceea trebuie să ne concentrăm asupra soluțiilor mobile pentru a ajuta întreprinderile noastre să reușească. La urma urmei, viteza mobilă nu a fost niciodată mai importantă.

$config[code] not found

Viteza de încărcare lentă poate fi o problemă

Potrivit Google,
  • 1 din 2 persoane se așteaptă ca o pagină să se încarce în mai puțin de 2 secunde.
  • Este posibil ca 53% dintre vizite să fie abandonate dacă pagina durează mai mult de 3 secunde pentru a încărca un dispozitiv mobil.
  • 46% dintre persoane au manifestat nemulțumire în așteptarea încărcării paginilor în timpul navigării pe web pe un dispozitiv mobil.

Cei trei factori principali care încetinesc site-urile de pe internetul mobil sunt numărul de cereri de server, dimensiunea fișierului și ordinea secvențială a elementelor de încărcare a paginilor. Deci, acum am subliniat cauzele; să ajungem la soluție.

Cum de a crește viteza site-ului mobil

Măsurați și minimizați timpul de răspuns al serverului

Viteza paginii dvs. mobile nu depinde doar de codul dvs., ci se bazează, de asemenea, pe un instrument tehnic important denumit server.

Cu cât serverul așteaptă mai mult să răspundă la o solicitare a browserului, cu atât mai lent se încarcă pagina pe dispozitiv. Majoritatea experților de la Google recomandă ca serverul dvs. să înceapă să transmită mesajul 1Sf byte de resurse în termen de 200 de milisecunde dintr-o cerere pentru un rezultat mai optim.

În mod normal, există 3 metode majore implicate în creșterea timpului de răspuns al serverului dvs.:

  • Îmbunătățirea configurației serverului dvs. web sau a software-ului.
  • Îmbunătățirea sferei de acoperire și a calității serviciului dvs. de găzduire, asigurându-vă, în special, că aveți suficientă memorie și resurse CPU.
  • Reducerea numărului de resurse solicitate de paginile dvs. web.

Utilizați CSS pentru a încărca imagini

Dacă doriți să ascundeți imaginile de conținut pentru utilizatorii mobili, încărcați-le ca imagini de fundal prin CSS și utilizați interogările media pentru a le ascunde în mod condiționat.

O variantă a acestei tehnici este folosită de Amazon pentru a încărca în mod condiționat imaginile specifice dispozitivului.

Minimizați numărul de redirecționări pentru a vă mări viteza de afișare a paginilor mobile

Redirecționările nu reprezintă altceva decât instrucțiuni care să permită automat preluarea vizitatorilor de pe site dintr-o pagină în alta.

Fiecare redirecționare poate consuma milisecunde valoroase, rezultând o încărcare mai slabă a paginii. Acest lucru este deosebit de problematic pentru dispozitivele mobile, deoarece acestea depind adesea de rețele nesigure, în comparație cu utilizatorii de pe desktop.

Primul pas pentru a remedia această problemă este de a examina numărul de redirecționări de pe site-ul dvs. utilizând instrumente cum ar fi redirecționarea cartograf. Dacă numărul este prea mare, minimalizați-l sau, în mod ideal, aduceți-l la zero pentru cele mai bune rezultate.

Reduceți fișierele JS și CSS

Mai multe date înseamnă greutatea excesivă a paginii. Acest lucru va duce mai mult la încărcarea paginilor dvs. pe un dispozitiv mobil.

Acesta este motivul pentru majoritatea dezvoltatorilor web care merită priceperea lor cunosc nevoia de a optimiza și minimiza activele pentru a mări viteza de încărcare a paginilor.

"Minificare" elimină redundanța fără a afecta afișarea unei pagini. O gamă largă de instrumente Google vă pot ajuta să eliminați astfel de concedieri, printre care:

  • CSSNano (pentru CSS)
  • UglifyJS (pentru JS)

În loc de Imagini, utilizați CSS3

Dropuri umbre, colțuri rotunjite și gradienți umple - toate aceste caracteristici se pot face prin CSS, în loc de imagini.

Acest lucru poate ajuta foarte mult la reducerea numărului de cereri HTTP, astfel, accelerarea timpului de încărcare la un moment dat.

Utilizați SVG-uri inline în loc de JPEG-uri

Ca URI de date, SVG (grafice vectoriale scalabile) pot fi încorporate pe o pagină pentru a reduce numărul de cereri

Aceste fișiere pot fi create pe un editor de grafică vectorial, cum ar fi Inkscape, Adobe Illustrator, etc. După ce este creat, puteți să-l deschideți într-un editor de text și să îl plasați în codul dvs.

Notă: Pentru a încorpora un SVG în foaia dvs. de stil, trebuie mai întâi să îl convertiți în URI de date și apoi să treceți la pasul următor.

Deci, mai mult sau mai puțin suma lucrurilor sus. Sper că ai avut o citire bună și luminantă.

Fotografie prin Shutterstock

1