Emprendedores y Freelancers
Episodio 7 – Caso de estudio: Migración y Optimización de un sitio web con WordPress
Bienvenidos al podcast Emprendedores y Freelancers.
Programa dedicado a freelancers, emprendedores e implementadores, donde hablamos de experiencias, consejos, tips, herramientas, casos de estudio, software, productividad y novedades de internet.
Mi nombre es Anibal Ardid, soy consultor y desarrollador web desde hace mas de 18 años, especializado en startups y nuevos emprendimientos.
En el episodio de hoy les voy a contar cómo hice la migración y optimización de un sitio desarrollado en WordPress, el análisis previo, el proceso, los problemas y todo lo que sucedió.
Comennnnzamos…
Partimos de un cliente que me contacta solicitando presupuesto para optimizar su sitio
el mismo tiene 1.2M de visitas x mes, eso es entre 40 y 60mil x dia. En el cual crean 20 notas por dia, al momento de hoy tienen 18 mil entradas en el blog
Se le pasa presupuesto por “ANALIZAR” el sitio y se le explica que luego de analizarlo se pasará un nuevo presupuesto sobre la optimización
Se analiza sitio, visitas, hosting, plugins instalados, el theme, visual composer, etc
Hago tests de performance en pingdom, gtmetrix, google page speed insights
Se envia nuevo presupuesto detallando cambios a realizar y el cliente lo acepta
Planifico detalladamente el proceso y etapas a realizar para los cambios
Realicé un backup sitio actual, configuración nuevo servidor, copia del backup al nuevo servidor, se levanta el sitio de copia para hacer las pruebas y optimizaciones
Se prueba actualizar contenido sin perder cambios y optimizaciones (posts e imágenes)
Dia del cambio: se dejan de escribir notas, se pacta un horario de menor visitas.
Hacemos update de mysql y media
Cambiamos los dns para que apunten al nuevo hosting
Editamos localmente el archivo hosts para apuntar a la nueva ip hasta q se hagan efectivos los cambios de dns
Habilito https de letsencrypt
Se verifica el correcto funcionamiento, pruebas de performance, se activan reglas de monitoreo de DigitalOcean y dejamos una ventana con htop abierta
Al dia siguiente ya estarian todos los dns actualizados
El consumo de cpu es bastante alto, vemos los logs de errores y estaba dando un fatal error de una función que usa un plugin de AMP, investigando php7 viene sin una librería de xml, la instalamos y problema solucionado
Seguiamos teniendo mucho consumo, se optimiza opcache de apache
Probamos usar w3 total cache pero después de unas pruebas vimos que no cachea mobile por separado y mostraba los mismos anuncios (que debían ser diferentes) en mobile y escritorio, ahí opté por buscar un código JS que detecte mobile o desktop y escribir una condición para mostrar uno u otro, tema resuelto
Pero luego hubo otro problema , con temas de contenidos que se mostraban diferente, asique volvi a poner wp fastest cache
Lo siguiente fue utilizar cloudflare, para poder tener cdn, cache/proxy antes de que lleguen los request al sitio
De esa manera obtuvimos el doble de rendimiento de recursos sin cambiar de plan de servidor/droplet
El problema mayor del sitio es la carga de varias redes de anuncios de diferentes networks por lo cual son diferentes llamados a javascripts que ralentizan la carga del sitio
las visitas en analytics son menores a las q tenia antes del cambio, quitamos wordfence, advirtiendo que esas visitas posiblemente eran bots, spam, o crawlers, esperemos 3 dias y las visitas suben y vuelven a estar bien.
El sitio quedó configurado de la siguiente manera:
- plugin de cache: wp fastest cache con su versión premium,
- dns apuntando a cloudflare, pero el dominio sin usar cache , se activó solo cloudflare para el subdominio static,
- apache con opcache,
- plugin de lazy load (a3 lazy load) solo para las imágenes porque los videos sino se rompían.
Y así llegamos al final de este episodio.
Te pido que me hagas llegar cualquier sugerencia o consulta sobre este podcast. Todo el feedback será muy bien recibido y agradecido.
Me pueden contactar desde mi página web ardid.com.ar. Donde además si te suscribes al newsletter vas a recibir contenido seleccionado especialmente para los suscriptores como ser: noticias del mundo online, herramientas para freelancers y emprendedores, consejos, plugins, themes, y todo lo que pueda servir para el trabajar por internet.
Si te pareció de interés y te gustó este episodio por favor no olvides compartirlo en las redes sociales, y dale me gusta o ponele estrellitas en la plataforma que lo hayas escuchado para poder llegar a mas personas.
Muchas gracias por escucharme y te espero en una semana para un nuevo episodio !
Enlaces relacionados:
¿Todavía no miraste el MEGA LISTADO de herramientas para freelancers y emprendedores?