Buenos días a todos:
Antes de nada, quiero pedir disculpas porque pese a que son dos consultas de naturaleza distinta (Optimización de velocidad de carga por un lado y Problema con un plugin concreto por el otro), los tengo que tratar de forma conjunta, ya que por intentar optimizar la web me ha dejado de funcionar correctamente el apartado "Eventos" de mi página web.
Voy por partes... He estado intentando mejorar mi sitio web hecho con el Theme Palene pero la velocidad de carga que me da Google Page Speed es muy baja (64/100 POOR) en móvil y 72/100 en versión de escritorio (ADJUNTO CAPTURA DE PANTALLA)
Pregunté en el soporte técnico de Webempresa y tras intentar aplicar distintas soluciones lo único que he conseguido es empeorar la situación, bajar la velocidad y ralentizar el funcionamiento de la página en general, ya que ahora mismo, además, no me funciona correctamente el widget del calendario hecho con el plugin "The Events Calendar" que hay en la barra lateral.
CALENDARIO SE QUEDA "COLGADO":
Me explico... Cuando pulsamos sobre cualquiera de los días del calendario que aparece a la derecha, salta un icono animado estilo "Cargando" (justo debajo del título del widget - que ver/hacer en fuerteventura -) y se queda constantemente en ese estado. No muestra los eventos del día seleccionado ni nada.
VELOCIDAD DE CARGA:
¿Cómo puedo solucionar la velocidad de carga de la web en general? Ya que he probado distintas cosas:
1.- instalación de los plugins Autoptimize, WP Super Cache y Above the Fold Optimization... Me dan bastante peor resultado que si tengo solo el plugin WP Fastest Cache.
2.- Subir la versión de Php a la 7.0 o posterior... Sin embargo, me decuelve un error 500 el servidor si cambio la versión de Php (Está la 5.6 actualmente).
3.- he utilizado la herramienta WP Doctor... Me "canta" todos esos fallos... (ADJUNTO CAPTURA DE PANTALLA)
BACKEND SE MUESTRA SIN CSS
Y ya, por último, el panel de administración de mi sitio web se carga en texto plano cuando intento acceder a misitioweb.com/wp-admin/admin.php?page=wpfastestcacheoptions
(ADJUNTO CAPTURA DE PANTALLA)
Carga sin CSS ni nada... Vamos... un desastre el que he hecho.
Muchas gracias anticipadamente
URL del sitio: Contenido solo visible a usuarios registrados
Hola
Teoricamente el problema sólo sería al desactivar la minificación de js.
Prueba esto primero , si con esto funciona entonces tendrías que revisar el tab de exclude en donde puedes ver si puedes excluir de la minificación los archivos de tu plugin
Saludos.
Estimado Jhon:
Después de varias horas intentando distintas opciones, la que mejor nota me da (64/100 ROJO) es si tengo activadas todas las pestañas... Tal y como decías he accedido a la pestaña del plugin WP Fastest Cache denominada EXCLUDE y le he añadido una norma, y es que excluya todos los ficheros .js que terminen en:
1507305041index.js
(He cogido ese porque es el que me indicaste en la respuesta de más abajo).
He desinstalado los plugins que no necesito... He desactivado otros... Pero... en la versión móvil me sigue dando fallos y esa nota en rojo.
Analizando la web con WPDOCTOR.ES me dice, además, que tengo dos redirecciones y me recomienda revisar el fichero .htaccess
Lo he abierto y no entiendo ni "papa" de lo que se debiera cambiar ahí.
No se... Ya no tengo ideas... Tan solo se me ocurre buscar e instalar algún plugin que modifica el aspecto de la versión móvil... Porque, siendo realista, yo no soy capaz de solucionarlo ¿Sería factible esa opción?
Un saludo,
César
Hola César.
Soluciona las cosas una a una.
Primero vamos a ver la entrega de css.
.- Instala el plugin Autoptimize -> https://es.wordpress.org/plugins/autoptimize/
.- Desmarca las opciones de Java desmarcadas y solo marcadas las opciones de CSS como te muestro en la captura:
Con esto vemos si conseguimos mejorar en la entrega de css.
El tema de las redireciones lo vemos después de solucionar la entrega de CSS.
Un saludo
Hola, Pepe:
Muchas gracias por tu ayuda... He instalado Autoptimize y he hecho lo que me has indicado en el mensaje...
Hay una última opción del plugin que es:
¿Guardar los scripts y el CSS unificados como ficheros estáticos?
Si lo dejo sin marcar la velocidad es 57/100 en la home... Si lo marco es 60/100...
Un saludo,
César
Hola cesar.
Tienes Fastest Cache en tu instalación, desactiva de las opciones la unificación de css en el plugin de cache, deja solo seleccionada esa opción en el plugin de Autoptimize.
Es complicado dejar los dos plugins con una configuración que puedan funcionar bien, hay que jugar un poco con las dos extensiones hasta encontrar el mejor rendimiento para tu web.
Un saludo
Hola, Pepe... Ya lo he hecho... He desactivado:
Minify Css.... Disminuir el tamaño de los archivos CSS
Combinar CSS..... Combinar css archivos para reducir las solicitudes HTTP
Si consideras que Fastest Cache es peor que otros pues... estoy a tus órdenes... Yo lo estoy utilizando aquí porque desde hace unos años para otras páginas webs que tengo (más sencillitas) carga muy rápido... Pero aquí veo que es más complicado de lo habitual, y realmente me es indiferente utilizar uno u otro plugin.
Me da igual el color del gato mientras cace ratones 🙂
Un saludo,
César
Hola César.
Tener una mala puntuación en Google Speed no siempre significa que los tiempos de carga tu web sean necesariamente malos, ya que hay más factores ajenos que Google tiene en cuenta, con esto te quiero decir que tampoco te vuelvas loco con que todo esté perfecto y no te salte ningún error en el test de Google, porque eso es casi imposible.
Le pedí a un compañero de hosting que añadiera el siguiente código a tu archivo htacces y veo que mejoro la puntuación 75/100
# END webempresa #Especificar cache de navegador ExpiresActive On ExpiresDefault "access plus 10 days" ExpiresByType text/css "access plus 1 week" ExpiresByType text/plain "access plus 1 week" ExpiresByType image/gif "access plus 1 month" ExpiresByType image/png "access plus 1 month" ExpiresByType image/jpeg "access plus 1 month" ExpiresByType image/x-icon "access plus 3 months" ExpiresByType application/x-javascript "access plus 1 month" ExpiresByType application/javascript "access plus 1 week" ExpiresByType text/javascript "access plus 1 week" ExpiresByType application/x-icon "access plus 3 months" # FIN
.- accede al plugin de cache Fastest Cache y selecciona las opciones de unificar tanto CSS y JS
prueba los resultado sin realizar la opción de unificar el css y js y después lo pruebas seleccionando la opción de unificar y comprueba si vamos mejorando poco a poco.
Comprueba los resultados tanto de uno como de otro y revisa cual te ofrece mejor resultado.
Un saludo
Buenas tardes, Pepe... He hecho lo que me ha dicho y ha mejorado la puntuación... He activado Minificar y combinar CSS en WP Fastest Cache y ahora (por primera vez) el indicador de Google PageSpeed en móvil ya no sale en color rojo (65/100).
PageSpeed me "canta", entre otros fallos, que la imagen del logo no es la adecuada... Que la cambie... He utilizado tinyjpg.com, que suele comprimir bastante bien, y a pesar de que he reducido el tamaño sigue diciendo que debo comprimirla...
¿Sugieres hacer más cambios o "Virgencita que me quede como estoy"?
Antes de continuar... Muchísimas gracias por la ayuda que me habéis prestado.
Un saludo,
César
Hola
Podrías detallar exactamente qué mensaje te aparece respecto al logo?
Es extraño porque revisando tu logo veo que carga como fondo CSS, desde la siguiente url:
Contenido solo visible a usuarios registrados
Tu logo pesa aprox 20kb lo cual es un peso bajo y no debería reportarte problemas de cargas por este motivo.
Saludos.
Buenas tardes, Jhon:
El mensaje que me aparece respecto al logo es éste (De todas formas te adjunto captura de pantalla de PageSpeed):
Optimizar imágenes
Formatear y comprimir correctamente las imágenes puede ahorrar una gran cantidad de bytes de datos.
Optimizar estas imágenes para reducir su tamaño en 19,5 KB (reducción del 46 %).
Si se comprime , supondría un ahorro de 13,3 KB (reducción del 50 %).
Si se comprime , supondría un ahorro de 6,2 KB (reducción del 39 %).
Y esta mañana me sucedió algo bastante curioso... Quería mostrarle la web a un potencial cliente y, accediendo desde su ordenador, éste no cargaba la página de ninguna manera... Con un navegador u otro, daba igual... Visitaba cualquier otra y sí lo hacía perfectamente...
Una vez llegué a la oficina utilicé el asistente Stephan y me muestra que no ha habido fallos.
El fin de semana estuvísteis revisando distintos puntos de la web y subió un poco... Tan sólo he añadido un artículo y no he tocado nada del código... Y sin embargo, analizando la web hace un momento con PageSpeed me da una puntuación bajísima... A veces 46/100... A veces 51/100... (Versión móvil)
Gracias anticipadamente
Hola
Lo que sucede es que en móvil Google te sugiero tener una versión del logo más reducida, para Desktop el tamaño lo veo bien y por lo tanto el peso, pero para movil podrías optimizarlo.
Sin embargo hacer esto no es estrictamente necesario, ten en cuenta que dificilmente llegarás al 100%, si quieres seguira delante tendrías que evaluar rediseñar un logo diferente para la versión movil, revisa:
https://decodecms.com/cambiar-el-logo-en-la-version-movil-de-tu-sitio-web/
Saludos.
Hola, Jhon:
Coincido contigo en que el tamaño del logotipo no es el adecuado... Comentas que
"ten en cuenta que difícilmente llegarás al 100%"...
No tengo intención de llegar al 100/100... El problema es que no llega ni al 50/100 en Google PageSpeed, concretamente llega al 46% (evaluado hace un momento) y es lo que me preocupa.
De cualquier modo, tomo nota de ese artículo sobre cómo reducir el tamaño del logo móvil.
Gracias de nuevo, Jhon.