Wpo para wordpress josé antonio esteve sáez - meetup wp murcia

/in/joseantonioestevesaez
@joSEOantonio

@joSEOantonio
• WEB PERFORMANCE OPTIMIZATION (Optimización de Rendimiento Web)
• Rendimiento
• Velocidad de Carga
PARA GOOGLE ES UN FACTOR MUY IMPORTANTE A LA HORA
DE POSICIONAR LOS SITES EN SUS SERPS

@joSEOantonio
EN DEFINITIVA: “CUANTO MÁS
RÁPIDA VA UNA WEB, MEJOR”

@joSEOantonio
• Google experimenta una bajada de 0,59% de búsquedas por usuario por cada
400ms de demora (con las pérdidas por impresiones de publicidad que
conlleva)
• Amazon pierde el 1% de sus ventas por cada 100ms de demora (millones de
€uros)
• Aliexpress incrementó sus pedidos un 10,5% y su conversión en un 27% para
nuevos clientes al reducir el tiempo de carga un 36%
• Yahoo afirma que 400ms de demora en la carga de su web suponen pérdidas
del 9%
• Netflix rebajó su factura de ancho de banda en un 43% después de habilitar
Gzip
+info: https://wpostats.com

@joSEOantonio
• El 47% de los usuarios esperan que una página cargue en menos de 2
segundos
• El 14% cambia de tienda online si la página tarda en cargar
• El 40% de los usuarios abandona una página que tarda más de 3 segundos
en cargar
• El 64% de los compradores que no están satisfechos cambia de sitio para su
próxima compra
• El 52% de los compradores afirman que un sitio que caga rápido los fideliza
+info: Guía WPO Javier Casares

@joSEOantonio
• Experiencia de usuario
• Reducción de % de rebote
• Incremento de páginas vistas
• Más ingresos
• Menos costes
• Mejor para AdWords

@joSEOantonio
• Herramienta MUY COMPLETA
• Open Source
• Desarrollado y con soporte de Google
• Proyecto muy serio que nació con AOL
• Hace uso del SPEED INDEX

@joSEOantonio
• Parámetro que mide la progresión visual en la carga de la página
• Es el índice que realmente toma importancia en la optimización del
rendimiento y que realmente refleja las mejoras en posicionamiento SEO
• Google se guía por este parámetro
• Indicador para medir la experiencia real del usuario

@joSEOantonio
• Contrata un buen hosting
• Optimiza las imágenes en tamaño, peso y calidad
• Usa LazyLoad para cargar sólo el contenido necesario
• Utiliza un tema rápido y ligero
• Usa sólo los plugins imprescindibles
• Gestiona correctamente la caché con un buen plugin
• Minifica archivos HTML, CSS y JS
• Optimiza tu base de datos

@joSEOantonio
• Huid de hostings gratuitos
• Que te garanticen un buen hardware
• Discos duros SSD
• Certificado SSL
• PHP7
• HTTP/2
• Que ofrezcan tiempos de respuesta cortos en las peticiones
• websitepulse.com/hel/testtools.server-test.html

@joSEOantonio
• Ajustar el tamaño de las imágenes antes de subirlas
• Utilizar JPG en todas las imágenes de tipo fotografía
• No utilices BMP o TIFF
• En Photoshop usar opción “Guardar para Web”, elimina metadatos
• Crear miniaturas (thumbnails) para utilizar en distintas resoluciones
• Sirve imágenes escaladas

@joSEOantonio
• Optimiza la CALIDAD de las imágenes
• Podemos reducir el peso de la imagen sin perder calidad
• Herramientas: JPEGMini, TinyPNG, kraken.io, ImageOptim, verexif.com, RIOT

@joSEOantonio
• Técnica que usamos para evitar mostrar contenido hasta que no lleguemos a
él haciendo scroll
• Es decir, todo lo que esté fuera del área visible de la web (viewport) no será
cargado
• Ventajas:
- Ganaremos tiempo
- Mejor experiencia de usuario
+info: Cómo implementar LazyLoad

@joSEOantonio
• Usa temas que realmente cubran todos los campos que necesitas para tu
web
• Que sean actualizados con regularidad
• Que sean fluidos (Diseño Responsive) para que se adapten a cualquier
dispositivo
• Hay temas que requieren el uso de un framework para funcionar, pero que
en ocasiones sobrecargan innecesariamente tu instalación web. Valora si
necesitas tantos elementos visuales o si por el contrario acabarás utilizando
un 10% de las funciones que incorpora el tema.
• Mi recomendación: un enfoque minimalista hará tu web más rápida.

@joSEOantonio
• Instala sólo los que realmente consideres necesarios
• Deben tener un cometido y cumplir una función que de otra forma no
puedes realizar
• Deben aportar algo nuevo que el núcleo de WordPress por defecto no
incorpora
• Tipos de plugins necesarios:
- De caché
- De backup
- De optimización
• Mi recomendación: si hay un plugin que no utilizas, DESINSTALALO.

@joSEOantonio
• Un plugin de caché (utilizado correctamente) mejorará la velocidad de carga
de nuestra web y por lo tanto nuestro WPO
• Especificar la caché del navegador
• Habilitar compresión (gZIP)
• Minificar recursos estáticos
• Ahorrar ancho de banda
• Resultado: La web se sirve más rapidamente

@joSEOantonio
• Consiste en eliminar bytes innecesarios de archivos HTML, CSS y JS tales como:
- Espacios
- Saltos de línea
- Sangrías
- Comentarios
• Con esto conseguimos reducir el peso, acelerar la descarga y el tiempo de ejecución

@joSEOantonio
• Herramientas que recomienda Google para minificar archivos:
https://developers.google.com/speed/docs/insights/MinifyResources

@joSEOantonio
• La gran olvidada de todos los proyectos :_(
• Mantenla limpia de archivos residuales de plugins, comentarios spam, vacía
la papelera, etc.
• 2 operaciones que podemos hacer a través del gestor phpMyAdmin:
- Optimizar la base de datos
- Reparar la base de datos
Para usuarios menos avanzados, también podemos usar el plugin WP-Optimize

Wpo para wordpress josé antonio esteve sáez - meetup wp murcia

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (19)

Similaire à Wpo para wordpress josé antonio esteve sáez - meetup wp murcia

Similaire à Wpo para wordpress josé antonio esteve sáez - meetup wp murcia (20)

Wpo para wordpress josé antonio esteve sáez - meetup wp murcia