Tutorial: Mejora la velocidad de WordPress con solo 3 plugins

  • Autor Autor MajesticCat
  • Fecha de inicio Fecha de inicio
MajesticCat

MajesticCat

VIP
Kappa
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Hola betas,

Aqui les dejo una guia completa de como yo optimizo todos mis sitios web que usan wordpress.

Siempre me gusta hacer estos pasos en una instalacion de wordpress nueva, osea recien instalado wordpress.

Aqui estan algunas captures (3) de los tests que le hice con Pingdom, GTMetrix y Google PageSpeed Insights

Pingdom: Recorte la imagen por el limite de tamano de las imagenes, aqui tienen el link (Click Aqui)
DWH2TC8WQk6ltr4I2s-i6g.webp

GTMetrix: Link (Click Aqui)
Screenshot_26.webp
Screenshot_25.webp

Google PageSpeed Insights:

Imagenes:
rYYnJTtIQFipYTernp7jIw.png

2VvJXE9MRxm_pR7B_vzExg.png


Empezemos.

Primer paso: Instalar los plugins necesarios.

Ya que estamos en una nueva instalacion de wordpress, la mayoria del tiempo nuevas instalaciones vienen con unos plugins por defecto. Personalmente, no uso ninguno de ellos, asi que yo los borro y no dejo nada activo.


Vamos a plugins y vamos a buscar, instalar los siguientes plugins.


Segundo Paso: Configurar dichos plugins, previamente instalados.

Empezemos con Autoptimize:

Vamos a Ajustes > Autoptimize
Screenshot_27.webp

Luego le damos click a "Show Advanced Settings" y dejan toda la configuracion como la tengo.

-Aqui dejo las capturas

7c9b2764-b0a7-45d8-9f7b-6e99bf35092e.png

6b864c8d-09f0-4f1f-a367-f4617a793550.png

OJO:

En "CSS Options" yo tengo habilitada la opcion "Check this if you don't need or want Google Fonts being loaded." Esto significa que las fonts de google no van a ser usadas y que por defecto usara la font predeterminada de wordpress. Esto lo tengo activo ya que yo cargo mis propias fonts desde mi servidor para hacer la pagina mas rapida. Luego en otro tutorial les enseno como cargar las fonts desde su propio servidor.

Seguimos con, Chache Enabler:

Ajustes > Cache Enabler

Screenshot_28.webp

Este plugin solo requiere 3 clicks y listo. (Ver foto)
5D9DikIBTUWq6iqhm3U2aw.png


Por ultimo, vamos con Wp-Disable / Optimisation.io

YJseJOc0RJqJhJqAQasj0Q.png


Este plugin tiene varias opciones que marcar asi que se las dejo en una Lista

Pestaña Requests:
  • Disable Emojis
  • Remove Querystrings
  • Disable Embeds
Pestaña Others:
[*]Disable Gravatars


Listo! Guardamos los cambios y ahora vamos a probar que tan rapida es nuestra pagina web.

LINK ---> Pingdom
Zp2PuH5XSKmpM-XjSNiunQ.png


LINK ---> GTMetrix
MYkW4MwAR2qTWQOberMwag.png


LINK ---> Google PageInsights
ezgif-5-27436cceae.gif



Cosas que tienes que tener en cuenta:

Hay muchas cosas que pueden hacer que su sitio wordpress este lento, muchas de las veces hay dos factores que hacen que su sitio web sea lento, el hosting y el tema que su pagina esta usando no esta optimizado al 100%.

Debido a esto, estoy usando un Hosting Premium, en esta guia estoy usando la compania Hosting Siteground.
Buenos temas, actualmente en mis otras paginas web ando usando los temas de MyThemeShop y de MeksHq y aun con contenido me cargan igual que esa pagina que no tiene contenido.


-----ACTUALIZO-----

Este es otra prueba con un VPS de $5 mensuales de VULTR, con la configuracion que les di y el tema GeneratePress

Lr4jpIj9RpewU9hLtn-f9A.png
 
Última edición:
Buen tutorial 1
 
buen tuto loco
 
Gracias fierita.
 
Voy a tenerlo en cuenta para con mis sitios.
 
Muchas Gracias Guardado a favorito
 
buen tuto gracicas
 
Lo probare, gracias por el tutorial
 
Gracias, lo guardare en favoritos para probarlo luego :encouragement:
 
Hola amigo acabo de hacer todo lo mencionado, y solo mejoro 3 puntos en modo movil, hay que esperar que se actualice o algo para ver los cambios?
 
lo probare mas tarde 😀 gracias por el tutooo:encouragement:
 
Gracias por el tutorial, lo guardo a favoritos! :star2:
 
¡Hola! Gracias por el tutorial...
 
Gracias compañero por el tutorial , a favoritos :star2:
 
Denada a todos, espero que les haya servido.
 
Gracias por compartirlo.

Buen tutorial aunque algunas opciones pueden dar al traste con ciertas opciones que podemos tener implementadas en nuestro sitio web.

Por ejemplo yo uso EMOJIS, aunque creo que dejaré de usarlos, cada vez que hay actualizaciones en el servidor se me cambian todos por los símbolos ??

Y la verdad ya estoy aburrido de cambiarlos manualmente. Los chicos de WordPress anda de nuevo perdidos con este tipo de bugs... no saben qué responder...
 
Excelente tutorial, justo lo que necesitaba, gracias brother.
 
Gracias por compartirlo.

Buen tutorial aunque algunas opciones pueden dar al traste con ciertas opciones que podemos tener implementadas en nuestro sitio web.

Por ejemplo yo uso EMOJIS, aunque creo que dejaré de usarlos, cada vez que hay actualizaciones en el servidor se me cambian todos por los símbolos ??

Y la verdad ya estoy aburrido de cambiarlos manualmente. Los chicos de WordPress anda de nuevo perdidos con este tipo de bugs... no saben qué responder...

Hola [MENTION=1576]ramonjosegn[/MENTION]

Los emojis lo que hacen es poner tu pagina mas lenta, si, se ven bien pero, personalmente prefiero tener mi pagina aun mas rapida. Me paso eso con una pagina que tenia, que cuando actualize a Wordpress 4.X se pusieron a todos con simbolos como tu dices, hice un tema en el foro de ellos y nunca me respondieron, asi que deje de usarlos...

Con respecto a las opciones que di, si hay muchos que a lo mejor estan usando varias cosas que yo desabilite pero, simplemente las dejan desmarcadas y ya. Yo solo estoy dando como por ejemplo mi opinion de como yo hago que mis paginas web carguen mucho mas rapido sin tener ese poco de cosas (Emojis, embeds, google fonts, etc) que lo unico que hacen es poner nuestra pagina web. Con respecto a google fonts yo siempre las cargo desde mi propio servidor o desde mi CDN, ya que muchos no usan CDN tocara hacer un tutorial de como cargar las google fonts desde el servidor en si para mejorar la carga de la web.


Saludos!
 
Última edición:
Atrás
Arriba