Cât de lentă este viteza paginilor mobile pe paginile dvs. de conversie

Există șanse mari ca proiectarea paginilor de destinație post-clic să vă coste cel puțin jumătate din bugetul PPC, sugerează cercetările recente de la Google.

Datele de la gigantul motorului de căutare indică faptul că peste unul din doi utilizatori de internet mobil vor abandona o pagină web dacă aceasta nu se încarcă în 3 secunde. Și începând din februarie 2017, pagina de destinație medie după clic pe mobil durează 22 de secunde penibil să se încarce.

Dacă te-ai oprit să faci calculele, probabil că îți dai seama cât de dăunătoare poate fi o pagină cu încărcare lentă pentru linia de jos.

Dacă generați 5.000 de vizitatori ai paginii de destinație după clic pe mobil pe lună și convertiți 5% din aceștia, veți pierde 1.500 de conversii pe parcursul anului. Dacă încărcarea durează mai mult de 3 secunde, jumătate din vizitatori - 2.500 pe lună în această ipotetică - nici măcar nu vă văd întreaga pagină de destinație post-clic înainte de a ricoșa. Ce este mai rău, bugetul dvs. PPC se epuizează de fiecare dată.

Dar poate că pagina dvs. nu se încarcă în 3 secunde. Poate că se încarcă în 5 secunde, sau 6 secunde, sau 10 secunde. Dacă acesta este cazul, datele de la Google arată că pierdeți și mai mult.

Noi valori de referință pentru viteza paginilor mobile

Cum se acumulează paginile dvs. cu alte persoane de pe web? Pentru a stabili câteva repere noi pentru viteza de încărcare, la începutul anului 2017, Google a analizat 900.000 de pagini de destinație post-clic pentru dispozitive mobile din 126 de țări.

Ceea ce au găsit a fost o confirmare a ipotezei lor: paginile mobile sunt „umflate” cu prea multe elemente.

Printre acestea, paginile din sectoarele auto, retail și tehnologie au cel mai mult timp de încărcare în medie. Cu toate acestea, indiferent de industrie, unele date șocante arată că paginile de destinație mobile post-clic pe ansamblu lasă mult de dorit.

De exemplu, 70% din paginile analizate au durat 7 secunde pentru a încărca conținut chiar deasupra paginii. Pe aceleași pagini, a fost nevoie de peste 10 secunde în total pentru a încărca conținut vizual deasupra și dedesubtul paginii.

Cu ajutorul unor algoritmi avansați de la SOASTA, un alt studiu Google a legat viteza de încărcare a paginii de indicatori cheie de performanță mai semnificativi, cum ar fi conversiile și rata de respingere. Într-o postare pe blog, cercetătorii elaborează:

Am construit două modele de învățare automată: unul pentru prezicerea conversiilor și unul pentru estimarea ratelor de respingere. Fiecare model a folosit date din lumea reală dintr-un eșantion mare de site-uri de comerț electronic mobil, corelând impactul a 93 de valori de pagină diferite de la formate de imagine la un număr de scripturi. Pur și simplu, cele două modele au căutat ce factori de pe site-ul mobil ar determina cumpărătorii să cumpere sau să respingă. Modelul de conversie a avut o precizie de predicție de 93%, iar modelul de respingere a fost chiar mai precis, la 96%.

Cu o precizie aproape precisă, modelele de învățare automată au descoperit că, pe măsură ce timpul de încărcare a paginii crește de la una la trei secunde, probabilitatea ca un vizitator mobil să sară sare cu 32%. De acolo, arată un grafic, lucrurile se înrăutățesc și mai mult:

Împreună cu rata de respingere, a arătat studiul, un timp lent de încărcare a paginii poate reduce și conversiile. Deci care este vinovatul?

Cercetătorii au identificat câteva defecte majore de design mobil.

Cele mai mari dispozitive mobile de viteză ale paginii de destinație post-clic

Viteza nu este doar un detractor al conversiilor și al bugetului publicitar plătit; este, de asemenea, unul dintre factorii de clasare a motorului de căutare Google. Dacă pagina dvs. nu se încarcă mai repede decât cele 3 secunde recomandate, pierdeți bani și nu sunteți găsiți. Oricare dintre următoarele probleme ar putea fi motivul.

1. Prea multe elemente de pagină

Astăzi, pagina web medie are aceeași dimensiune, în date, ca și clasicul joc video „Doom:”

La 2,3 MB, a devenit o grămadă de elemente inutile. Și designerii săi au BSO - „sindromul obiectului strălucitor” - sugerează inginerul de software, Ronan Cremin:

Pe măsură ce rețeaua a trecut prin anii adolescenței incomode, am lăsat ca featuritus-ul târâtor să prindă și, în cele din urmă, dezordinea pur și simplu a devenit mai bună decât noi. Nou modul galerie JavaScript? Sigur de ce nu? Oooh, noul font web ar arăta bine aici, dar de ce să nu adăugăm un alt instrument de analiză cât timp suntem acolo? Ar trebui să mă deranjez să redimensionez această imagine de 6.000 de pixeli? Nu, lasă browserul să o facă, funcționează pentru mine.

Google a descoperit că „featuritus”, așa cum îl numește Cremin, poate avea un impact negativ drastic asupra vitezei de încărcare. Pagina medie cuprinde acum sute până la mii de elemente - titluri, imagini, butoane - stocate pe zeci de servere. Atunci când aceste elemente nu sunt optimizate, rezultatul poate fi o experiență de încărcare „imprevizibilă” și „volatilă”.

Cercetătorii au ajuns chiar să identifice numărul de elemente de pe o pagină drept cel mai precis predictor al conversiilor. Mai puțin, susțin ei, este mai mult. Când elementele unei pagini cresc de la 400 la 6.000, șansele de a converti un vizitator scad cu 95%.

Datele sugerează că designerii de top ai internetului știu acest lucru din 2014. În timp ce dimensiunea medie a paginii a crescut constant pentru majoritatea site-urilor web, primele 10 au dat un colț:

Pentru ei, „greutatea” paginii (dimensiunea datelor) a scăzut în ultimii ani. Se pare că toate celelalte sunt victime ale featuritus.

Potrivit Google, 70% din paginile testate depășeau 1 MB, 36% erau 2 MB și 12% depășeau 4 MB. Ca urmare, există puține șanse ca vizitatorii să rămână prea mult timp. Printr-o conexiune 3G rapidă (viteza majorității conexiunilor celulare din întreaga lume), 1,49 MB necesită aproximativ 7 secunde pentru încărcare.

Rezolvarea problemei

În cazul unei pagini foarte ponderate, cea mai bună soluție este prevenirea. Din fericire, prevenirea este la fel de ușoară ca și setarea a ceea ce Google numește „bugete de performanță”. Înainte de a începe să vă construiți pagina, determinați cât de repede doriți să se încarce („bugetul”). Apoi, proiectați-vă pagina în limitele bugetului.

„Este mult mai eficient să oferi ceva rapid dacă face parte din criteriile de proiectare”, spune Hakan Nizam de la L'Oreal. „Ar elibera lățimea de bandă a dezvoltatorului. Ar permite dezvoltatorilor să se concentreze asupra altor factori care afectează ratele de conversie. Conversația rapidă ar trebui rezolvată pentru a trece la alți diferențiatori. ”

Într-o postare pe blog pentru Google, Jason Cohen compară bugetul cu alte limitări creative:

Includerea vitezei ca parte a procesului de proiectare nu diferă decât de a ține cont de limitările altor medii creative. Designerii nu ar crea un anunț în patru culori pentru o publicație tipărită alb-negru sau să producă un videoclip de 30 de secunde pentru un slot de 15 secunde. Dacă nu proiectăm în limitele mediului, rezultatul este o experiență proastă.

În ciuda depășirii traficului de internet pe desktop de către dispozitive mobile, canalul rămâne în continuare în spatele desktopului în majoritatea valorilor privind experiența utilizatorului. Proiectanții trebuie să nu mai trateze dispozitivele mobile ca pe o gândire ulterioară. Este propriul său mediu, iar experiența utilizatorului ar trebui să reflecte acest lucru.

Desigur, tehnica „bugetării” presupune că începeți de la zero. Dacă încercați să optimizați o pagină de destinație deja lentă după clic, cercetătorii recomandă efectuarea unui audit al elementelor dvs. și monitorizarea scripturilor terță parte pentru a descoperi care contribuie cel mai mult la greutatea sa. Apoi, micșorați-vă pentru a optimiza corespunzător.

2. Prea multe imagini

În cercetarea lor, o anumită imagine a atras atenția testerilor Google. A cântărit enorm de 16 MB. De nenumărate ori, au continuat să găsească imagini care împiedicau paginile.

„Elementele grafice, cum ar fi favicoanele, siglele și imaginile produselor pot cuprinde cu ușurință până la două treimi (cu alte cuvinte, sute de kilobyți) din greutatea totală a unei pagini”, au avertizat cercetătorii.

Cu ajutorul modulelor lor de învățare automată, au descoperit că al doilea predictor cel mai precis al conversiilor a fost numărul de imagini de pe o pagină. Comparativ cu paginile care nu au putut converti cu succes vizitatorii, paginile care ar putea conține cu 38% mai puține imagini.

Rezolvarea problemei

Una dintre cele mai simple modalități de a oferi paginii dvs. un impuls mare de viteză este prin optimizarea rapidă a imaginii. Faceți tot posibilul pentru a ...

• Reduceți imaginile inutile

Chiar trebuie să prezentați șase unghiuri diferite ale produsului dvs.? Această fotografie de stoc adaugă într-adevăr valoare paginii dvs. de destinație după clic? Trebuie să codificați textul într-o imagine sau puteți, în schimb, să integrați fontul ales cu Google Fonts sau Adobe Typekit? Dacă răspunsul este „nu”, luați în considerare tăierea unor imagini din designul dvs.

• Reduceți dimensiunea imaginilor necesare

Dacă aveți nevoie de toate aceste imagini, câteva instrumente și strategii diferite vă pot ajuta să economisiți lățimea de bandă. Mai întâi, cunoașteți formatul de fișier imagine. Înlocuirea unui PNG cu un JPEG vă poate economisi multe dimensiuni și, la rândul său, viteza. Pe de altă parte, va reduce și calitatea imaginii. Pentru mai multe informații despre cum să decideți ce format să utilizați, consultați această postare.

În al doilea rând, gândiți-vă la utilizarea unui instrument. Cercetătorii susțin că 30% din pagini ar putea economisi 250KB de date cu ajutorul unui compresor de imagine. Guetzli și Zopfli de la Google merită încercate.

3. Utilizarea JavaScript, timpul de încărcare a paginii complete

Înainte ca elemente precum imagini și butoane să poată fi afișate unui utilizator, codul HTML pe care este construită o pagină trebuie primit și interpretat de browser. Timpul care durează este cunoscut sub numele de „timpul pregătit pentru DOM” - cel mai precis predictor al săriturilor de pagină, au descoperit cercetătorii.

Datele Google arată că sesiunile de utilizator care au revenit au avut momente pregătite pentru DOM, care au fost cu 55% mai lente decât sesiunile nonbounce. Încetinirea acestei semnificații este adesea cauzată de JavaScript - un tip de cod care oprește analiza codului HTML - utilizat în multe instrumente de analiză terță parte, reclame și widgeturi sociale.

Daniel An și Pat Meenan compară încetinirea cu un restaurant neorganizat:

Imaginați-vă că sunteți la restaurant și chelnerul dvs. este gata să vă aducă masa, dar mai întâi trebuie să așteptați ca sarea și piperul să fie livrate de la un alt restaurant.

Dar JavaScript nu este singurul tip de cod care încetinește paginile mobile. CSS, HTML și nenumăratele solicitări necesare procesării elementelor precum imagini și fonturi creează un decalaj în timpul de încărcare a paginii complete - al doilea predictor cel mai precis al ratei de respingere. Media paginilor web de la care a fost respins utilizatorul a fost cu 2.5 secunde mai lent decât media paginii de la care nu au sărit.

Rezolvarea problemei

În încercarea de a îmbunătăți experiența de navigare pe mobil, Google a dezvoltat programele AMP și AMP pentru reclame. Ambele cadre oferă dezvoltatorilor instrumentele de care au nevoie pentru a oferi experiențe mobile la viteze fulgerătoare. Ei includ:

• HTML AMP: Aceasta este o versiune de bază decupată, a ceea ce recunoaștem ca limbaj de marcare hipertext - sistemul de etichete, numere și litere utilizate pentru a construi fundamentul majorității paginilor web.

• JavaScript AMP: versiunea AMP a codului popular Google restricționează utilizarea JavaScript-ului de la terți și al autorului.

• AMP CDN: Aceasta permite dezvoltatorilor să stocheze o versiune cache a paginii lor web pe serverele Google. Această versiune cache este un instantaneu digital al paginii care conține toate datele sale într-un singur loc. Drept urmare, poate fi transmis utilizatorului mai repede.

Împreună, elementele cadrului formează baza paginilor care utilizează date de 10 ori mai puține decât media și a anunțurilor care se încarcă de 6 ori mai repede.

Mergeți aici pentru a afla mai multe despre noțiuni introductive despre AMP.

Care este viteza paginii dvs. mobile?

Paginile dvs. de destinație după clic sunt optimizate pentru mobil? Nu conțin imagini inutile, elemente ciudate și JavaScript grele?

Aflați cu un test mobil de la Google, apoi consultați ghidul nostru pentru optimizarea experienței paginii de destinație după clic înainte de a vă crea următoarea pagină: