Aumentando la velocidad de un sitio web
Hola amigos, hoy les traigo esta entrada en el cual optimizó la velocidad de carga de un sitio web.
El sitio que hoy voy a optimizar es wendynava.com
Aumentando la velocidad de un sitio web.
Verás el proceso que sigo para optimizar la carga de un sitio web, empezando con el tratamiento de las imágenes y el plugin smush.
Optimizando Imágenes
Para optimizar las imagenes les recomiendo la pagina iloveimg.com Con la cual puedes recortar las imágenes al tamaño que lo necesita tu plantilla y también bajarle el peso.
Autoptimize
Después utilizaremos el plugin autoptimize, con el cual vamos a comprimir el CSS, HTML y Javascript.
Comprimir el sitio
Ahora trabajaremos con el hosting o lo puedes hacer por FTP, habilitando en el htacces la compresion del sitio y el cache.
Si entras a través del cpanel y no ve el htacces hay que darle al boton de configuracion y seleccionar mostrar archivos ocultos.
Estos son los codigos para el htaccess.
Compresión
<FilesMatch “\.(css|js|ico|pdf|jpg|jpeg|png|gif|php|woff)$”>
SetOutputFilter DEFLATE
</FilesMatch>
Expiración de cabecera
<FilesMatch “\.(css|js|ico|pdf|flv|jpg|jpeg|png|gif|swf|mp3|mp4)$”>
Header set Cache-Control “public”
Header set Expires “Thu, 15 Apr 2025 20:00:00 GMT”
</FilesMatch>
Revisar la velocidad de carga
Hay que revisar en gtmetrix cada vez que hagas un cambio para ver las mejoras.
Gtmetrix te va a decir los errores que tengas, por ejemplo, en la imagen nos muestra las imágenes que hay que comprimir para llegar al 100%.
Aqui les dejo el video en Youtube.
Aumentando la velocidad de un sitio web.
Poco después de hacer este video el sitio se quebró, el error fue por el plugin premium de Generatepress, yo pienso que por no tenerlo actualizado.
Asi que me di a la tarea de buscar otra plantilla que se le pareciera y encontré Ocean Wp, se me hizo muy economico en comparacion de generatepress que sale en 49 dlls.
Aqui te dejo un tutorial como hacer una landing page con GeneratePress
Ambos plugin los puedes descargar del repositorio de WP.
Entradas Recientes
- Cómo desarrollar un plan estratégico de marketing digital efectivo¿Que es un plan estrategico de marketing digital? Y como desarrollarlo Un plan de marketing estratégico es un documento que define las acciones y estrategias a seguir por una empresa con el objetivo de alcanzar sus metas de negocio. […]
- Introducción al Marketing Digital: ¿Qué es y por qué es importante?Introducción al Marketing Digital: ¿Qué es y por qué es importante? El marketing digital se está convirtiendo en un aspecto clave para cualquier empresa o negocio que quiera sobrevivir y competir en el mercado actual. Pero, ¿qué es el […]
- Cómo mejorar tu clasificación en búsquedas locales con SEOComo mejorar tu posicionamiento en google my business Como consultor de SEO local, es una de mis misiones ayudar a las empresas y freelancers a mejorar su clasificación en búsquedas locales. La optimización de búsqueda es crucial en el […]
- Curso gratis de productividadCurso gratis de Productividad y Gestión del Tiempo Video Curso de Productividad y Gestión del Tiempo Contenido del curso de productividad Introducción al curso: concepto de productividad y por qué es importante. Establecer metas y objetivos: cómo establecer metas […]
- Conclusión y recursos adicionalesBienvenidos a la última lección de nuestro curso sobre cómo generar dinero en línea. En esta lección, cubriremos la conclusión y proporcionaremos algunos recursos adicionales para seguir aprendiendo y desarrollando tu negocio en línea. Video – Conclusión y recursos […]