Optimización web MkCheck Sevilla

Optimización web MkCheck

Si alguna vez nos han puesto ante un reto interesante, sin duda ha sido al hacer la optimización de Velocidad Web (WPO) de la web de MkCheck de Sevilla, el reto era doblemente de compromiso, ya que esta optimización WPO era, en primer lugar, para nuestro amigo Fernando Ferreiro, en segundo lugar porque Fernando es uno de los mejores profesionales SEO que conozco, quizá el mejor, con todos mis respetos hacia los demás. Por tanto sabía desde el principio que la importancia de devolver un buen resultado de optimización web era vital, Fernando Ferreiro iba a ser crítico y me iba a decir desde el inicio que aspectos quería mejorar y además iba a mirar con lupa mi trabajo, por tanto tenía que ser muy exigente con el resultado de la optimización y no me podía conformar con los valores óptimos de las WPO que venimos realizando, tenía que mostrar un gran resultado, el mejor posible.optimización web mkchek

Iniciando la optimización web

Antes de iniciar la optimización web efectuamos el correspondiente análisis de situación actual de la web de MkCheck, al igual que hacemos con todos los clientes que nos solicitan una optimización para su web, encontramos diversos factores que hacían que la web cargase bastante mal, como en todas las webs de los profesionales con los que trabajamos nos encontramos con un montón de plugin y pruebas de HTML que hacen sobre su propia web antes de trasladar estas pruebas a sus clientes, a pesar de tratarse de algo normal, no deja de ser preocupante porque no sabemos el alcance que estas pruebas pueden llegar a tener y por tanto no podemos modificar nada sin antes efectuar un test de que puede suceder al optimizar determinadas partes de código ya que podemos crear un mal funcionamiento de la web, incluso dejar la web fuera de servicio, a todo esto había que añadir un aliciente más, la web está en producción, con lo cual trabajamos siempre online, con lo cual las pruebas tenían que ser las justas y debiamos simular en local las mejoras antes de hacer los cambios sobre la web en funcionamiento.

Optimizando la web de MkChek

El diagnóstico no era muy malo, pero presentaba los siguientes elementos a optimizar:

  • La plantilla utilizada, DIVI

    • La plantilla utilizada, en este caso DIVI de Elegant Themes es una de esas plantillas que todos hemos utilizado alguna vez, por tanto ya nos resulta faniliar, si bien la versión instalada no era la últimay ese podía ser uno de los factores que nos podía ayudar durante la optimización, la plantilla instalada con respecto a su versión actualizada presenta muchas diferencias, entre ellas el número de peticiones PhP que realiza al servidor para mostrarse adecuadamente. En este caso además no se podía actualizar directamente para no perder las modificaciones efectuadas sobre el CSS, cabe recordar que si bien DIVI es bastante rígida en el aspecto de personalización, con los suficientes conocimientos de programación puedes hacer con ella casi lo que quieras.
  • Peticiones PhP

    • Como citaba en el punto anterior, la plantilla DIVI realiza más de 1000 peticiones PhP al servidor y era necesario actualizar, ya que la nueva versión ha bajado considerablemente el número de peticiones dejando estas en cerca de 700, bajo mi punto de vista demasidas aún, pero es con lo que debiamos trabajar ya que desde el principio se descartó el cambio de plantilla.
  • Hojas de Estilos CSS

    • Las hojas de estilo son la lucha permanente durante una optimización y en este caso no iba a ser menos, ya que Fernando había personalizado las CSS muchísimo, por tanto nos enfrentabamos a dos opciones, mantener la hoja de estilos como estaba y coger la hoja de estilos dinámica generada por la plantilla y utilizarla como hoja de estilos CSS secundaria o actualizar y volver a personalizar. Finalmente y viendo la cantidad de HTML que generaba la personalización optamos por la primera de las opciones y creamos una hoja de estilos donde se guardasen las personalizaciones de CSS de la plantilla, para ello se modifico el archivo functions.php para adaptarlo a la nueva situación.
  • Gran cantidad de HTML en el código fuente de la página

    • Tal y como explicaba en el punto anterior, los estilos CSS añadidos durante la personalización, la plantilla DIVI los carga sobre el código fuente de la página, para evitar esto y tras tomar la decisión de crear una plantilla de estilos dinámica, debiamos conseguir dos cosas fundamentales, la primera que al actualizar la plantilla esta hoja de estilos no se perdiese y que el archivo functions.php no se modificase, con lo cual nos vimos en la obligación de cargar las hojas de estilo dinámicas,al final optamos por hacer dos, una para configuraciones básicas y otra para los objetos, la razón no era otra que rebajar el peso de las hojas de estilo CSS generadas, en una carpeta nueva que no se modificase al actualizar, pero sabíamos que el archivo functions.php se iba a modificar de forma irremediable ante una actualización, por tanto si queríamos que no se perdiese la configuracióntenía que ir un poco más allá, por lo que decidí cambiar los atribibutos de functions.php a otro archivo, esto requería cambiar casi todas las llamadas de la plantilla, pero el reto merecía la pena y así lo hice.
  • Imágenes por optimizar

    • Realmente este no era el problema de la optimización, Fernando como buen profesional ya se había encargado de ello y apenas tuve que optimizar un par de ellas.
  • Configuración del archivo robots.txt

    • Aunque este punto no es propiamente de optimización web, si que era necesario tocar el archivo para evitar el exceso de tráfico referral que recibia la web, se modificó para que sólo rastreen la web aquellos robots que nos son de utilidad.

Ya tenía la optimización lista para subir al servidor de MkCheck, los datos que tenía en local eran buenos y podiamos implementarlos a la web en construcción, recuerda antes de hacer algo así lo imprescindible que resulta hacer una copia de seguridad tanto de los archivos como de la Base de Datos.

Subimos las mejoras y evidentemente los resultados mejoraron, pero nos llevamos la sorpresa de ver que el servidor tardaba casi un segundo y medio en responder, dato totalmente inaceptable y que enviaba todo el trabajo al traste, en ese momento la optimización ya nos devolvía un buen estado, 67 / 100 en móvil y 80 / 100 en escritorio, pero con un tiempo de carga de casi tres segundos, podía ser suficiente, pero como he explicado al principio, esta no era una optimización web más, esta era LA OPTIMIZACIÓN. Le propuse a Fernando un cambio de servidor aunque sólo fuese por probar (estaba convencido de la mejora), cambiamos la web de servidor y el tiempo de carga bajó en casi dos segundos, el resultado fue espectacular y a continuación puedes ver el resultado de la optimización WPO.

optimización web MkCheck
optimización web MkCheck para escritorio
optimización velocidad carga web
Rating: 5.0. From 32 votes.
Please wait...
Por | 2017-04-30T07:03:22+00:00 12 Abril , 2016|SEO|