¿Cómo optimizar mi sitio web de manera eficiente?

  • Autor Autor bugrin
  • Fecha de inicio Fecha de inicio
B

bugrin

Gente como andan?
Estoy programando este sitio: Desobsolescencia |
Como verán, es lento al cargar, esto por que yo laburo con otra persona que me ha pasado todas las imágenes medio pesadas probablemente, pero no me tocaba a mi resolver esa parte. Resulta que ahora el sitio esta bastante pesado, y quisiera ver si hay alguna manera, que no sea tocar las imagenes una x una, sino con algun plug, de optimizar el sitio. Es posible esto? tienen algun plug para recomendar?

muchas gracias!
 
para quitarle el peso a las imágenes pero sin perder la calidad usa el plugins Smush, y para optimizar la pagina usa autoptimize :encouragement:
 
Hola [MENTION=169917]bugrin[/MENTION]

Hay muchos factores que pueden hacer que tu pagina este cargando lenta, entre lo mas comunes son:

1- Servidor hosting es lento en si ya que meten muchas personas en 1 solo servidor.
2- El tema que usas no esta optimizado.
3- No has configurado el cache.
4- No has minificado el codigo html,css y js de tu pagina.
5- Tienes imagenes muy pesadas que no has optimizado.

Hay muchas razones por la cual una pagina va lenta, gracias a dios hoy dia hay muchas formas de mejorar esto. Puedes activar el plugin Cache Enabler, Autoptimize, WP-Disable, Smush.it como te lo dice el compa de arriba.

Aqui tengo un tutorial que escribir hace un tiempo ya sobre como configurar Cache Enabler, Autoptimize y WP-Disable.

https://forobeta.com/tutoriales-de-wordpress/614599-que-tu-wordpress-vuele-3-plugins.html

Estuve viendo la velocidad de carga de tu pagina en GTMetrix y veo que tu no tienez gzip compression habilitado, si tu server esta usando Apache (que es lo mas probable) pega este codigo en tu .htaccess. DEBAJO DE LO QUE WORPDRESS CREA
HTML:
<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4\.0[678] no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Tambien veo que no tienes habilitado el "Leverage Browser Cache" practicamente esto le dice al navegador por cuanto tiempo el mismo va a guardar la cache de archivos estaticos. Simplemente agrega este codigo en tu .htaccess Debajo de lo que has pegado anteriormente.

HTML:
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
## EXPIRES CACHING ##

Prueba con los codigos y plugins que te di, y luego vemos que mas te hace falta para que tu pagina vuele :encouragement:

Saludos
 
Para optimizar un sitio web en wordpress, ¿es mejor hacerlo con plugin's o a puro código?
 
Hola, Puedes usar el plugin TinyPNG
Despues de ello ya tendras las imagenes optimizadas, pero recuerda que tambien las imagenes deben de tener un tamaño medio (600 o 800px).
🙂
 
Genios, gracias por la info. En un rato cuando vuelva a agarrar este trabajo voy a probar los plugs y el código y les cuento que tal!

- - - Actualizado - - -

Genios, gracias por la info. En un rato cuando vuelva a agarrar este trabajo voy a probar los plugs y el código y les cuento que tal!
 
Puedes revisar este artículo sobre un plugin que te puede ayudar un poco
Insertar CODE, HTML o PHP:
https://ayudawp.com/wpo-tweaks/
 
Bueno no me fue tan bien con esto.
Lo primero que hice fue instalar el Smush y hacer el chequeo automático. Cuando termino, nada más funcionaba. NADA. Lo único que aparece sea que quiero ingresar al panel o a la web es esto:

No disponible por mantenimiento programado. Vuelve a comprobar el sitio en unos minutos.

Que hago ahora!? 😡:ambivalence::ambivalence:

----

Edito. Se arreglo. Pasa que pasaban esos "minutos" que decia el mensaje, pero fueron largos largos y me desespere. Ya funciona jejej
 
Última edición: