La velocidad de carga de una web es muy importante, tanto para la experiencia del usuario como para la indexación en los buscadores (Google la tiene en cuenta). Con cada vez más dispositivos móviles usando conexiones lentas a internet, es fundamental incluir algunas técnicas de optimización de la carga. Un gran aliado para poder evaluar si nuestra página está optimizada es PageSpeed Insights de Google, una extensión gratuita para Chrome que analizará nuestra web y nos dará un listado de propuestas para mejorar la carga. Casi todos los puntos a tener en cuenta para aligerar la carga de una página están incluidos en esta extensión. Otro punto importante son las imágenes de nuestra página. Una web con imágenes sin optimizar supondrá una carga lenta. Para que las imágenes pesen lo mínimo posible y que sigan viéndose con calidad, se pueden usar las opciones de Photoshop, de GIMP o de alguna herramienta similar. Sin embargo, hay otro método, y es dejar que PageSpeed las optimice por nosotros. Cuando analicemos nuestra página con la extensión, uno de los checkpoints es “Optimizar imágenes”. Al entrar en esta opción, veremos que nos dice cuántos Kb nos ahorraríamos al comprimir algunas imágenes, y además nos da un link para ver las imágenes optimizadas. Sólo tenemos que abrir ese link y grabar las imágenes que la extensión ha comprimido por nosotros. Siguiendo con los gráficos, si hay iconos en nuestra web podemos usar sprites o icon fonts, con esto conseguiremos reducir el número de imágenes que se cargarán. Y recuerda no redimensionar las imágenes mediante HTML o CSS, obligarás al usuario a cargar más información de la que necesita. Otro factor que influye es cómo distribuimos la carga del código JavaScript. Un par de técnicas útiles es usar algún CDN cuando carguemos scripts desarrollados por otros, y sobre todo posponer la carga de scripts al final de nuestro HTML siempre que sea posible. Una vez que tengas todos estos puntos controlados, llega el momento de decirle al servidor que comprima los archivos de la web: para esto se usa Gzip o Deflate. Y para acabar, también le indicaremos al servidor que use cabeceras Expire para poder aprovechar el caché de los navegadores. Estos dos puntos sólo nos requerirán incluir unas líneas en el archivo .htaccess, que probablemente ya habremos creado. Cuando hayamos aplicado estas técnicas, llega el momento de usar una herramienta online como GTmetrix, que nos otorgará una puntuación según el grado de optimización que hayamos alcanzado, y también nos mostrará el listado de todos los factores que tiene en cuenta, como también nos hace Page Speed. Con estas técnicas conseguiremos acelerar los tiempos de carga, y por tanto, más usuarios que se quedarán en nuestra página. Y vosotros, ¿usáis alguna otra técnica? ¿creéis que hay que dedicarle tiempo a estos factores?
Cómo optimizar la carga de tu página
Posted on - Last Modified on
Related Articles
Side hustle to full-time freelancer
by whiteshepherd -
Passionate writer, journalist and editorKym is an Australian freelance writer with a passion for words.
What makes a good project proposal
This article will help you to create more accurate bids to attract more potential clients.
- Freelancing
- freelancing secrets
- careers
- freelancer success story
- freelancer tips
- freelancer lifestyle
A Night in the Life: The Overthinking that Differentiates Freelancers from Ordinary Life
by BiLS IMAGING -
Explore the thought-filled nights of freelancers in 'Freelance Vs. Ordinary Life: A Night in the Life of Overthinking Freelancers.
What makes a good profile
This article is to help rookie users to make the best of they way in Freelancer.com
The Freelancer.com Bid Ranking Guide
by deHaaas -
Find out which factors affect your Freelancer.com ranking, and learn how to improve your visibility.
Guía de Clasificación de Ofertas Freelancer.com
Millones de empresas utilizan Freelancer para convertir sus ideas en realidad. ¿Necesita hacer tus trabajos?
Next Article
Herramientas online para desarrolladores frontend
by David Sanz Frías