Hola,
Quiero optimizar la web lo máximo posible y he llegado a un punto en el que no puedo avanzar mas ya que mis conocimientos son muy básicos. He aplicado todos los tutoriales y consejos que he encontrado por internet pero para lo que queda no encuentro nada, o lo que encuentro me parece complicado y no me atrevo a implementarlo por miedo a que todo se venga abajo por lo que necesito vuestra sapienza ;D
He utilizado las siguientes herramientas para testar la web:
https://tools.pingdom.com/
https://developers.google.com/speed/pagespeed/insights/
https://gtmetrix.com/
https://www.webpagetest.org/
http://www.bytecheck.com/
https://www.whynopadlock.com/
https://www.checkbot.io/
https://www.wpdoctor.es/
La web es muy simple y de momento no se va a ampliar más así que toda mejora será bienvenida.
Podéis testar la web vosotros mismos con las herramientas comentadas. Si conocéis alguna otra herramienta mejor o que pueda aportar nuevos datos también será bienvenida.
Y si sabéis solucionar alguna de las sugerencias de los resultados de los test os agradecería que me lo dijerais directamente.
Os comento también, que no tengo ninguna prisa. Simplemente quiero aprender para que en futuros proyectos la optimización sea optima.
Por empezar con algo, en PageSpeed Insights la web tiene una puntuación de 99% en movil y 98% en ordenador. Sería increíble llegar al 100%. La única sugerencia que queda por solventar es la siguiente:
- Aprovechar el almacenamiento en caché del navegador
Establecer una fecha de caducidad o una edad máxima en las cabeceras HTTP de los recursos estáticos indica al navegador que cargue los recursos descargados previamente del disco local en lugar de hacerlo a través de la red.
Aprovechar el almacenamiento en caché del navegador de estos recursos almacenables en caché:
https://www.google-analytics.com/plugins/ua/linkid.js (60 minutos)
https://www.google-analytics.com/analytics.js (2 horas)
Bueno, perdonad por la "chapa" y muchísimas gracias de antemano por vuestro tiempo, trabajo y paciencia.
Un saludo,
Iñigo
URL del sitio: Contenido solo visible a usuarios registrados
Hola
Tu puntuación es bastante aceptable, lo que veo que esta sugiriendo son cache de recursos externos, no tienes un control sobre eso, ver imagen adjunta.
Sin embargo puedes evaluar lo que se comenta en este artículo:
http://www.afernandezalonso.com/consejos-al-minuto/cache-navegador-analytics-pagespeed/
Saludos.
Hola Jhon,
Gracias por tu respuesta. Interesante lo que comenta en el artículo. Lo dejaré como esta. Una pena no llegar al 100%.
La siguiente mejora es de https://tools.pingdom.com/
C70 Serve static content from a cookieless domain
Serve the following static resources from a domain that doesn't set cookies:
Contenido solo visible a usuarios registrados
Hola
Prueba lo que se comenta en:
https://www.kebes.es/2017/08/14/solucion-serve-static-content-from-cookieless-domain-wordpress/
Ten en cuenta que la mayoría de cosas son sugerencias, no tienes que cumplirlas al 100%.
Lo optimio por ejemplo sería que tu contenido estático lo sirvas desde un CDN, pero vamos que no necesitas esto.
Saludos.
Hola,
Ya conocía esa opción, pero vuestros compañeros en una consulta en un ticket me desaconsejaron implementar un CDN. Os lo he vuelto a preguntar por si conocíais alguna otra opción. Gracias.
Siguiente. De tools.pingdom.com/ tambien:
B83 Leverage browser caching
The following cacheable resources have a short freshness lifetime. Specify an expiration at least one week in the future for the following resources:
https://www.google-analytics.com/plugins/ua/linkid.js
https://consent.cookiebot.com/c1ec9419-fa01-42f ... -07c2be1ab27c&whitelabel=false&brandid=Cookiebot
https://www.google-analytics.com/analytics.js
https://fonts.googleapis.com/css?family=Abel%3A ... bel%3A700%7CAbel%3A400%7CAbel%3A400&subset=latin
https://fonts.googleapis.com/css?family=Abel:40 ... 7CQuicksand:400%2C300%7CLato:300%7COpen+Sans:600
https://consent.cookiebot.com/uc.js
https://static.addtoany.com/menu/page.js
Sospecho que me dirás como antes, que son recursos externos y que no se puede hacer nada, pero yo porsiaca lo suelto.
Y una más:
B83 Remove query strings from static resources
Resources with a "?" in the URL are not cached by some proxy caching servers. Remove the query string and encode the parameters into the URL for the following resources:
https://consent.cookiebot.com/c1ec9419-fa01-42f ... -07c2be1ab27c&whitelabel=false&brandid=Cookiebot
Contenido solo visible a usuarios registrados
El resto en tools.pingdom.com/ está al 100% y con una puntuación general de A/92 y tiempos de carga de entre 900ms y 1s me doy por satisfecho.
A no ser que veáis como reducir el tiempo de carga o algo que se me escape.
Gracias nuevamente
Hola Iñigo,
Yo creo que en la web WordPress que citas en la consulta hay problemas "de base" muy importantes, que deberías resolver, por el propio desempeño de la web y además para ganar unas décimas a la carga del sitio.
La perfeción 100% en los medidores de carga solo es posible si tu sitio es plano y está ajustado y con el menor número de plugins posibles, menor número de peticiones de scripts externos posibles, y menor carga de recursos que dependen a su vez de requets o peticiones externas, que son los deboradores de tiempos de carga.
1. Corrige la ruta de upload_path en tu web, tal como explico en este artículo:
- - Corrige la ruta upload path en WordPress - https://www.webempresa.com/blog/corrige-la-ruta-upload-path-en-wordpress.html
Si no tienes claro como hacerlo mejor que envíes un Ticket a Soporte para que lo revisen y te indiquen.
2. Usa una versión de PHP acorde a tu sitio web. WordPress 4.9.6, salvo que tengas un tema antiguo o plugins viejos, tiene mejor desempeño con PHP 7.0, pero si por alguna razón no puedes activar PHP 7.0 o 7.1 al menos activa PHP 5.6
Me consta que ahora ejecutas PHP 5.5
Las versiones de PHP mejoran con el paso del tiempo, en breve WordPress exigirá que la versión mínima de ejecución sea PHP 5.6 o versiones superiores.
Revisa el siguiente artículo donde explico como cambiar la versión de PHP de forma global o para una carpeta concreta desde tu cPanel:
- Versión de PHP en tu Hosting ¿cómo cambiarla rápidamente? - https://www.webempresa.com/blog/version-php-hosting-como-cambiarla-rapidamente.html
Saludos
Hola Luis,
Muchas gracias por tu respuesta.
He corregido la ruta "uploads" y cambiado la versión PHP. Tus tutoriales son muy claros, interesantes y fáciles de seguir. Solo ha habido una mejora que no he podido implementar.
Cuando intento añadir el siguiente código en el archivo .htaccess se cae la web:
ServerTokens Prod
ServerSignature Off
RewriteCond %{QUERY_STRING} =PHP[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12} [NC]
RewriteRule .* - [F]
A veces hecho de menos en vuestros tutoriales que expliquéis exactamente como y donde hay que añadir los códigos ya que mi conocimiento en programación es prácticamente nula. Me explico. No sé que archivo .htaccess tengo que modificar (supongo que el del tema que estoy utilizando), si el código a implementar va al principio o al final, o si falta algún símbolo o algo que haga que no funcione.
Este caso no es algo crítico, pero ya puestos te lo pregunto y voy aprendiendo mas cosas ;D
Te agradecería que si ves mas problemas "de base", como me comentabas, o problemas de cualquier otro tipo me las hagas llegar para seguir profundizando.
Por otro lado me gustaría retomar mi consulta anterior sobre las sugerencias de tools.pingdom.com/
Se puede hacer algo? si/no? por qué?
Un saludo,
Iñigo
Hola Iñaki.
¿ De donde sacaste ese codigo ? es un código de Apache, en tu caso solo tienes que desactivarlo añadiendo el siguiente código en tu archivo htaccess
# Disable server signature ServerSignature Off
No veo que tengas mala puntuacion, al contrario.
-> https://developers.google.com/speed/pagespeed/insights/?hl=es&url=ljsabogado.es&tab=desktop
98/100 ya lo querrían muchos 😉
Sobre los estáticos si son externos es imposible solucionarlo ya que se sirven desde otra ubicación.
De todas formas, estos avisos no son importantes para el posicionamiento de tu web.
Un saludo
Hola Pepe,
El código está sacado del tutorial de tu compañero Luis:
www.webempresa.com/blog/version-php-hosting-como-cambiarla-rapidamente.html
Ciertamente la puntuación de pagespeed está muy bien, pero una pena no llegar al 100% ;D
Sobre los estáticos externos todo claro. Una pena también que no se pueda hacer nada.
En tools.pingdom.com/ tengo el siguiente aviso:
B83 Remove query strings from static resources
Resources with a "?" in the URL are not cached by some proxy caching servers. Remove the query string and encode the parameters into the URL for the following resources:
https://consent.cookiebot.com/c1ec9419-fa01-42f ... -07c2be1ab27c&whitelabel=false&brandid=Cookiebot
https://ljsabogado.es/wp-content/plugins/revsli ... on.extension.layeranimation.min.js?version=5.4.7
https://ljsabogado.es/wp-content/plugins/revsli ... lution.extension.navigation.min.js?version=5.4.7
https://ljsabogado.es/wp-content/plugins/revsli ... lution.extension.slideanims.min.js?version=5.4.7
https://ljsabogado.es/wp-content/themes/okab3.5 ... e/css/styles/fonts/Simple-Line-Icons.ttf?v=2.3.1
https://ljsabogado.es/wp-content/themes/okab3.5 ... s/styles/fonts/fontawesome-webfont.woff2?v=4.7.0
Se puede hacer algo? si/no? por qué?
Y como comentas aunque no sean importantes para el posicionamiento quiero aprender qué son todos esos avisos de las diferentes herramientas de test para un mejor entendimiento y así poder mejorar futuras webs.
Un saludo,
Iñigo
Hola
Ten en cuenta que esas herramientas te dan sugerencias, no algo que tienes que seguir al pie de la letra, en un CMS es dificil lograr todo, para una página HTML estática si que sería más fácil.
En el caso que comentas, por ejemplo:
"Resources with a "?" in the URL are not cached by some proxy caching servers"
Como verás en algunos recursos estáticos se colcoa la versión como parámetro, por ejemplo:
....styles/fonts/Simple-Line-Icons.ttf?v=2.3.1 (quiere decir que estas usando la versión 2.3.1 de ese script)
Si ese número cambia, cambia la versión, por lo tanto no tendrás en cache el mismo archivo, esto es bueno a nivel de programación ya que si actualicas tu plugin, theme, WordPress (todos manejan este parámetro de versión) el usuario volverá a descargar el recurso estático. Sin embargo según la herramienta que usas te recomienda que evites eso, porque no será cacheado, llegados a este punto no vale la pena ir por programaicón quitando este parámetro (que de hecho lo puedes hacer) ya que por un lado tocarías código que perderás en las actualizaciones y por otro lado al actualizar plugins, themes o WordPress el usuario mantendrá en cache los archivos estáticos anteriores.
Saludos.
Hola Jhon,
Muchas gracias por tu respuesta. Muy clara e interesante. Una cosa más que aprendo.
Paso a otra duda. En https://gtmetrix.com tengo la siguiente sugerencia:
---------------------------------------------------------------------------------------------------------------------------------------------------
RECOMMENDATION /GRADE /TYPE /PRIORITY
Defer parsing of JavaScript /F (36) /JS /HIGH
811.9KiB of JavaScript is parsed during initial page load. Defer parsing JavaScript to reduce blocking of page rendering.
https://ljsabogado.es/wp-content/cache/autoptimize/js/autoptimize_6fc2eeb2be7c54fbd22484c10a1bcf3f.js (718.5KiB)
https://ljsabogado.es/wp-includes/js/jquery/jquery.js (87.0KiB)
https://ljsabogado.es/ (6.5KiB of inline JavaScript)
--------------------------------------------------------------------------------------------------------------------------------------------------
Se puede hacer algo? si/no? por qué?
Un saludo
Hola,
Te indica que el Javascript tiene que ir al final y no cargar al principio.
Este punto tienes que consultarlo con el desarrollador de la plantilla ya que tiene que aplicar un cambio sobre la programación de la misma para llevar todo ese código Javascript al final.