¿Tu sitio es demasiado lento? Entonces es el momento de tomar algunas medidas para resolver este problema. Incluso si no lo es, es posible que le interese saber qué errores cometen los desarrolladores que afectan los tiempos de carga de la página.
¿Por qué es importante el tiempo de carga de la página?
El tiempo de carga de la página está directamente relacionado con el rendimiento del sitio.
Si tarda más de 3 segundos en cargarse, perderá la mitad de sus visitantes antes de que lleguen a su sitio.
Visibilidad : Google tiene en cuenta el tiempo de carga de la página cuando se clasifica en los resultados de búsqueda. Por lo tanto, el tiempo de carga de un sitio afecta la facilidad con que los usuarios pueden encontrarlo en Internet.
Conversión : cuanto más rápido se carga la página, más usuarios interactúan con el sitio. Los sitios lentos matan las conversiones. Los clientes potenciales serán reacios a usar su sitio y seguir las llamadas a la acción (CTA) si su página web tarda mucho en cargar. Esto hará que los usuarios frustrados abandonen el sitio sin comprar su producto o utilizar sus servicios.
Facilidad de uso : cuanto menor sea el tiempo de carga, más satisfecho estará el usuario. Como resultado, la retención de clientes será mayor.
, , HubSpot.
Yahoo 0,4 , 9%.
1 Amazon 1,6 .
2- Bing 4,3% , 3,75% 1,8%.
, , .
, ,
. , .
1. HTTP-
HTTP- , , . , , Network .
4 8. , .
, Yahoo, , 80% HTTP-.
, HTTP-:
CSS / JS - CSS, JS , . CSS , CSS .
, - , . . , , , , , .
- , . , HTTP- . .
HTTP/2 . HTTP/2 , . , .
2. CDN
- CDN, , . , HTTP- .
CDN .
CDN , -, , . CDN . , .
, , CDN .
CDN TTL .
CDN ?
. , , CDN, .
, CDN , . , .
, , , .
Bit Node, TypeScript, React, Vue, Angular .
3.
- . .
.
- . Gzip. . - Gzip.
, Brotli, .
HTML CSS 50% 70% , .
, , .
4.
HTML, CSS JS , , .
JS .
JavaScript - JS . , - JS-.
HTML, JS- (defer.js) </body>
.
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "defer.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
: «, , defer.js».
5.
, . , HTTP-. . Google , , , .
, Screaming Frog, . , .
, :
-
-
, -.
, ? , , .
- , Google Pagespeed Insights, Pingdom, YSlow .. , .
, .
, , .