Tot i que, sens dubte, hi ha diversos factors que influeixen en els ingressos, la majoria dels experts afirmen que els llocs empresarials que es carreguen dins de 5 segons guanyen gairebé el doble dels que ho fan en 19, el temps mitjà de càrrega del lloc.
L'estudi també ha descobert que els llocs que es carreguen dins de 5 segons tenen:
- Visibilitat d'anuncis superior al 25%
- 35% menys velocitat de rebot, i
- 70% de sessions d'usuari més llargues.
Per això, hem de centrar-nos en solucions mòbils per ajudar els nostres negocis a tenir èxit. Després de tot, la velocitat del mòbil mai no ha estat tan important.
$config[code] not foundLa velocitat de càrrega lent pot ser un problema
Segons Google,
- 1 de cada 2 persones esperen que una pàgina es carregui en menys de 2 segons.
- És probable que el 53% de les visites siguin abandonades si la pàgina triga més de 3 segons a carregar-se en un dispositiu mòbil.
- El 46% de les persones ha mostrat el descontentament a l'espera de la càrrega de pàgines mentre naveguen per la web en un dispositiu mòbil.
Els 3 factors principals que frenen els llocs a internet mòbil són el nombre de sol·licituds del servidor, la mida del fitxer i l'ordre seqüencial dels elements de càrrega de pàgines. Així que ara hem assenyalat les causes; anem a la solució.
Com augmentar la velocitat del lloc mòbil
Mesura i minimitza el temps de resposta del servidor
La velocitat de la vostra pàgina de mòbil no només depèn del vostre codi, sinó que també depèn d'una eina tecnològica important anomenada servidor.
Com més temps esperi el vostre servidor per respondre a una sol·licitud del navegador, més lentament es carregarà la pàgina al dispositiu. La majoria dels experts de Google recomana que el servidor comenci a transmetre el 1st byte de recursos dins de dos-cents mil·lisegons d'una sol·licitud d'un resultat més òptim.
Normalment, hi ha tres mètodes importants relacionats amb l'elevació del temps de resposta del servidor:
- Millora de la configuració o del programari del servidor web.
- Millora de l'abast i la qualitat del vostre servei d'allotjament, sobretot assegurant que tingueu recursos de memòria i CPU adequats.
- Reducció del nombre de recursos requerits per les vostres pàgines web.
Utilitzeu CSS per carregar imatges
Si voleu amagar les imatges de contingut dels usuaris mòbils, carregueu-les com a imatges de fons a través de CSS i utilitzeu consultes de mitjans per amagar-les de manera condicional.
Amazon utilitza una variació d'aquesta tècnica per carregar condicionalment imatges específiques del dispositiu.
Minimitzeu el nombre de redireccions per augmentar la velocitat de la vostra pàgina mòbil
Les redireccions no són més que instruccions capaces de prendre automàticament visitants del lloc web d'una pàgina a una altra.
Cada redirecció pot menjar milisegons de vàlids, resultant en una càrrega de la pàgina més lenta. Això és especialment problemàtic per als dispositius mòbils perquè sovint depenen de xarxes poc fiables que els usuaris d'escriptori.
El primer pas per solucionar aquest problema és examinar el nombre de redireccions al vostre lloc mitjançant eines com redireccionar mapes. Si el número és massa gran, minimitzeu-lo o, idealment, reduïu-lo a zero per obtenir els millors resultats.
Minimitzar arxius JS i CSS
Més dades significa excés de pes de la pàgina. Això portarà les vostres pàgines més temps a carregar-se en un dispositiu mòbil.
És per això que la majoria dels desenvolupadors web valen la pena conèixer la necessitat d'optimitzar i minimitzar els actius per augmentar la velocitat de càrrega de la pàgina.
"Minificació" elimina la redundància sense afectar la visualització d'una pàgina. Una àmplia gamma d'eines de Google us pot ajudar a eliminar aquests redundàncies, incloent-hi:
- CSSNano (per CSS)
- UglifyJS (per JS)
En lloc d'imatges, utilitzeu CSS3
Ombres caigudes, cantonades arrodonides i ompliment de gradients: totes aquestes característiques es poden fer a través de CSS, en lloc d'imatges.
Això pot ajudar molt a reduir el nombre de peticions HTTP així, accelerant el temps de càrrega al mateix temps.
Utilitzeu SVG en línia en comptes de JPEG
Igual que els URI de dades, els SVG (gràfics vectorials escalables) es poden incrustar en una pàgina per reduir el nombre de peticions
Aquests fitxers es poden crear en un editor de gràfics vectorials com Inkscape, Adobe Illustrator, etc. Una vegada creat, podeu obrir-lo en un editor de text i deixar-lo entrar al vostre codi.
Nota: Per inserir un SVG al vostre full d'estils, primer heu de convertir-lo a la URI de dades i passar al següent pas.
De manera que més o menys resumeix les coses. Espero que tinguis una lectura bona i aclaridora.
Foto a través de Shutterstock
1
