Cómo reducimos el tiempo de carga de nuestra página en 10 segundos

La velocidad y las redes sociales no parecen funcionar juntas cuando se trata de un gran sitio web. Migramos nuestro sitio a Volante (enlace de afiliado) y mejoró enormemente el rendimiento y la estabilidad de nuestro sitio. Pero el diseño de nuestro sitio, con un pie de página grueso que promovía nuestra actividad social en Facebook, Twitter, Youtube y en nuestro Podcast, ralentizó nuestro sitio a un ritmo lento.

Estuvo mal. Mientras que una gran página se carga en 2 segundos o menos, nuestro sitio tarda más de 10 segundos en completarse. El problema no era WordPress o Flywheel, el problema eran todos los elementos interactivos que cargamos desde otros servicios ... widgets de Facebook y Twitter, imágenes de vista previa de Youtube, nuestra aplicación Podcast, simplemente no podía controlar qué tan lento se cargaban. Hasta ahora.

Notarás ahora que nuestras páginas se cargan en unos 2 segundos. ¿Cómo lo hicimos? Agregamos una sección dinámica a nuestro pie de página que solo se carga cuando el usuario se desplaza hasta ese punto. Desplácese hasta el final de nuestra página en un navegador (no móvil, aplicación o tableta) y verá una imagen de carga que se hace cargo:

carga

Al utilizar jQuery, en realidad no cargamos la base de la página hasta que alguien se desplaza allí. El código es bastante simple:

$ (ventana) .scroll (function () {if (jQuery (documento) .height () == jQuery (ventana) .scrollTop () + jQuery (ventana) .height ()) {if ($ ("# placetoload" ) .text (). length <200) {$ ("# suplementario"). load ('[ruta completa de la página para cargar]');}}});

Una vez que el usuario se desplaza a la base de la página, jQuery go extrae el contenido de la página de la ruta especificada y los carga dentro del div que seleccionó.

Si bien el sitio ya no se beneficia del contenido que se carga allí (porque un motor de búsqueda no lo rastrea), estamos bastante seguros de que la velocidad de la página ayudará a nuestra clasificación, intercambio e interacción mucho más que tener a alguien. Espere con impaciencia a que nuestra página se cargue terriblemente lenta. Lo mejor de todo es que la página todavía tiene todos los elementos que queremos atraer a nuestros visitantes ... sin sacrificar la velocidad de la página.

Todavía tenemos trabajo por hacer ... ¡pero lo estamos logrando!

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.