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
- Generación de Imágenes con AI Power: Crea Arte y Diseños en WordPress
Generación de Imágenes con AI Power: Crea Arte y Diseños en WordPress AI Power es una herramienta innovadora que permite generar imágenes de forma rápida y sencilla en WordPress. Esta potente tecnología de inteligencia artificial utiliza algoritmos avanzados para… Lee más: Generación de Imágenes con AI Power: Crea Arte y Diseños en WordPress - Generacion de contenido con AI PowerAI Power y WordPress: El Dúo Perfecto para la Generación de Contenido La combinación de AI Power y WordPress es el dúo perfecto para la generación de contenido. AI Power utiliza la inteligencia artificial para analizar datos y tendencias,… Lee más: Generacion de contenido con AI Power
- Mejora tu posicionamiento con contenidos optimizados WordPress SEOPosicionamiento con contenidos optimizados WordPress SEO Los contenidos optimizados en WordPress SEO son fundamentales para mejorar el posicionamiento web y aumentar la visibilidad en los motores de búsqueda. Estas tácticas, que incluyen la selección de palabras clave pertinentes y… Lee más: Mejora tu posicionamiento con contenidos optimizados WordPress SEO
- Optimiza tu SEO con URLs amigables en WordPressLas URLs amigables en WordPress son clave para mejorar tu SEO. Estas URLs que incluyen palabras clave relevantes mejoran la experiencia del usuario y aumentan la tasa de clics. Además, tienen un impacto positivo en el ranking de tu… Lee más: Optimiza tu SEO con URLs amigables en WordPress
- Optimización de imágenes en WordPress para mejorar el SEO: Guía completa desde MéxicoLa optimización de imágenes en WordPress es clave para mejorar el SEO. Esto implica acelerar la carga del sitio web, optimizar su rendimiento y tener un impacto positivo en el posicionamiento en los motores de búsqueda. Algunas técnicas para… Lee más: Optimización de imágenes en WordPress para mejorar el SEO: Guía completa desde México
¡Increíble artículo! Definitivamente probaré Autoptimize y veré si funciona como promete. ¡Gracias por las recomendaciones!
¡Increíble artículo! Nunca pensé que Autoptimize pudiera comprimir tanto el sitio. ¿Alguien lo ha probado?
¡Increíble artículo! Me encantaría saber si Autoptimize realmente hace la diferencia en la velocidad del sitio. ¿Alguien lo ha probado?
¡Increíble artículo! Pero, ¿y si en lugar de optimizar imágenes, subimos la calidad al máximo? 🤔
“¡Wow! Estos trucos para mejorar la velocidad de un sitio web son una maravilla. Definitivamente los probaré”.
¡Wow! Me encanta este artículo sobre cómo aumentar la velocidad de un sitio web. Estoy deseando probar Autoptimize y comprimir mi sitio. ¡Gracias por los consejos!
¡Increíble artículo! Me encanta cómo Autoptimize y la compresión del sitio pueden mejorar la velocidad. ¡Genial! #OptimizaciónWeb
No es para tanto, la optimización web no es la panacea. Hay muchos otros factores que afectan la velocidad del sitio. No te dejes llevar por las modas y busca soluciones adaptadas a tus necesidades. #RealismoWeb
¡Increíble artículo! Me encanta cómo Autoptimize comprime el sitio y optimiza las imágenes. ¡Impresionante trabajo! 💪🔥
¡No puedo creer lo fácil que es aumentar la velocidad de un sitio web! ¡Vamos a hacerlo!
¡Increíble artículo! Definitivamente necesito Autoptimize para comprimir mi sitio y mejorar la velocidad. ¿Alguien más lo ha probado?
¡Increíble artículo! Me encanta cómo Autoptimize comprime el sitio y optimiza imágenes. ¡Aumentando la velocidad se siente tan satisfactorio! 💨💪
¡Me encantan los consejos para aumentar la velocidad de un sitio web! Definitivamente probaré Autoptimize y la compresión de imágenes. ¡Gracias por la info!