[SOLUCIONADO] Velocidad de carga de wordpress

aeberdion · #1 (**permalink**) 10/02/2018, 19:23

Tengo un sitio web en wordpress y necesito que cargue mas rapido. Alguna sugerencia? https://aftercoffeedesigns.com

ArturoGallegos · #2 (**permalink**) 10/02/2018, 22:29

Tienes mucho por hacer,

1.- a lo posible elimina plugins y vuelve a crear el template desde cero para que uses los recursos necesarios y no sobrecarges con cosas inutiles.

2.- si lo primero no es posible, ponte arduamente a revisar todo el codigo, tienes 2 archivos CSS que pesan 750 Kb y 1.35 Mb, es execivo y seguramente es inecesario todo ese codigo.

3.- elimina fuentes que no necesites, lo ideal es cargar un maximo de 3 fuentes distintas y solo carga lo que necesitas dudo que de cada funte utilizes las versiones a 100, 200, 300 ... hasta 900 de sus variantes en grosor

4.- como bien dije elimina plugins que no uses, el simple hecho de que esten activados consumen recursos.

5.- instala un plugin de cache, todo tu PHP hace al servidor lento, cacheando los contenido evitaras que en cada visita se procese todo, obteniendo mejor rendimiento y tiempo de respuesta.

6.- Mejora el servidor a lo posible

7.- minifica y unifica todos los css y js en lo posible, de puro js consumes 8 peticiones cuando bien podrian ser 2, menos peticiones = menos tiempo de espera.

8.- optimiza las imagenes, si tu sitio las mostrara a 680px como maximo no tiene caso cargarlas mas grandes.

9.- utiliza servicios como
https://gtmetrix.com/
https://developers.google.com/speed/pagespeed/insights/
https://www.pingdom.com/

Siempre dan buenas sugerencias para mejorar tu sitio en rendimiento.

aeberdion · #3 (**permalink**) 12/02/2018, 11:11

Gracias, con desactivar unos cuanto plugins duplique la velocidad... el proximo Paso sera reducir Las imagenes... cuando te refieres a 680px seria 1090x680px o 680x...?

ArturoGallegos · #4 (**permalink**) 12/02/2018, 13:28

Me refiero a que la muestres en el tamaño máximo que requiera,

Por ejemplo muestras una imagen con una pareja tomando café, se muestra en 680x405
Sin embargo la imagen descargada tiene 1000x600

Debes reducir su tamaño respetando la proporción de la imagen para que no se distorsione pero al mismo tiempo que se optimicen recursos.... dependiendo tu editor también te podría dar la opción progresiva en sus configuraciones. eso ayudaría a la descarga.

aeberdion · #5 (**permalink**) 12/02/2018, 15:45

Cita:

Iniciado por ArturoGallegos

Por ejemplo muestras una imagen con una pareja tomando café, se muestra en 680x405
Sin embargo la imagen descargada tiene 1000x600

Como se de que tamaño se muestran?

ArturoGallegos · #6 (**permalink**) 12/02/2018, 20:09

Es tu diseño, tu deberias saber cual es el ancho maximo que utiliza para mostrarse, si no lo conoces hay varias cosas a considerar

1.- el ancho máximo nunca debe superar los 1366px de ancho, es muy raro y son escasos los monitores que dan mas allá de esa resolución, una pantalla de 19" y una de 52" usan exactamente el mismo tamaño de imagen, en la mayoría de los casos, por lo que no vale la pena utilizar imágenes mas grandes.

2.- en firefox encontraras una herramienta de regla en español me aparece como "Medir porción de la pagina", es el icono de una regla recta, no lo confundas con la escuadra ( L ) que tiene otro uso.
Esta regla te permitirá conocer el tamaño (ancho/alto) de cualquier elemento