Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
/in/joseantonioestevesaez
@joSEOantonio
/in/joseantonioestevesaez
@joSEOantonio
• WEB PERFORMANCE OPTIMIZATION (Optimización de Rendimiento Web)
• Rendimiento
• V...
/in/joseantonioestevesaez
@joSEOantonio
EN DEFINITIVA: “CUANTO MÁS
RÁPIDA VA UNA WEB, MEJOR”
/in/joseantonioestevesaez
@joSEOantonio
• Google experimenta una bajada de 0,59% de búsquedas por usuario por cada
400ms d...
/in/joseantonioestevesaez
@joSEOantonio
• El 47% de los usuarios esperan que una página cargue en menos de 2
segundos
• El...
/in/joseantonioestevesaez
@joSEOantonio
• Experiencia de usuario
• Reducción de % de rebote
• Incremento de páginas vistas...
/in/joseantonioestevesaez
@joSEOantonio
/in/joseantonioestevesaez
@joSEOantonio
• Herramienta MUY COMPLETA
• Open Source
• Desarrollado y con soporte de Google
• ...
/in/joseantonioestevesaez
@joSEOantonio
• Parámetro que mide la progresión visual en la carga de la página
• Es el índice ...
/in/joseantonioestevesaez
@joSEOantonio
• Contrata un buen hosting
• Optimiza las imágenes en tamaño, peso y calidad
• Usa...
/in/joseantonioestevesaez
@joSEOantonio
• Huid de hostings gratuitos
• Que te garanticen un buen hardware
• Discos duros S...
/in/joseantonioestevesaez
@joSEOantonio
• Ajustar el tamaño de las imágenes antes de subirlas
• Utilizar JPG en todas las ...
/in/joseantonioestevesaez
@joSEOantonio
• Optimiza la CALIDAD de las imágenes
• Podemos reducir el peso de la imagen sin p...
/in/joseantonioestevesaez
@joSEOantonio
• Técnica que usamos para evitar mostrar contenido hasta que no lleguemos a
él hac...
/in/joseantonioestevesaez
@joSEOantonio
• Usa temas que realmente cubran todos los campos que necesitas para tu
web
• Que ...
/in/joseantonioestevesaez
@joSEOantonio
• Instala sólo los que realmente consideres necesarios
• Deben tener un cometido y...
/in/joseantonioestevesaez
@joSEOantonio
• Un plugin de caché (utilizado correctamente) mejorará la velocidad de carga
de n...
/in/joseantonioestevesaez
@joSEOantonio
• Consiste en eliminar bytes innecesarios de archivos HTML, CSS y JS tales como:
-...
/in/joseantonioestevesaez
@joSEOantonio
/in/joseantonioestevesaez
@joSEOantonio
/in/joseantonioestevesaez
@joSEOantonio
• Herramientas que recomienda Google para minificar archivos:
https://developers.g...
/in/joseantonioestevesaez
@joSEOantonio
• La gran olvidada de todos los proyectos :_(
• Mantenla limpia de archivos residu...
/in/joseantonioestevesaez
@joSEOantonio
Upcoming SlideShare
Loading in …5
×

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

929 views

Published on

WPO son las siglas de Web Performance Optimization (optimización del rendimiento web, en español). WPO es un término que se maneja en marketing en buscadores para desarrollar estrategias SEO, desde que Google anunció la importancia de la velocidad de carga de la web en el posicionamiento.

Published in: Internet
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

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

  1. 1. /in/joseantonioestevesaez @joSEOantonio
  2. 2. /in/joseantonioestevesaez @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
  3. 3. /in/joseantonioestevesaez @joSEOantonio EN DEFINITIVA: “CUANTO MÁS RÁPIDA VA UNA WEB, MEJOR”
  4. 4. /in/joseantonioestevesaez @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
  5. 5. /in/joseantonioestevesaez @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
  6. 6. /in/joseantonioestevesaez @joSEOantonio • Experiencia de usuario • Reducción de % de rebote • Incremento de páginas vistas • Más ingresos • Menos costes • Mejor para AdWords
  7. 7. /in/joseantonioestevesaez @joSEOantonio
  8. 8. /in/joseantonioestevesaez @joSEOantonio • Herramienta MUY COMPLETA • Open Source • Desarrollado y con soporte de Google • Proyecto muy serio que nació con AOL • Hace uso del SPEED INDEX
  9. 9. /in/joseantonioestevesaez @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
  10. 10. /in/joseantonioestevesaez @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
  11. 11. /in/joseantonioestevesaez @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
  12. 12. /in/joseantonioestevesaez @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
  13. 13. /in/joseantonioestevesaez @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
  14. 14. /in/joseantonioestevesaez @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
  15. 15. /in/joseantonioestevesaez @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.
  16. 16. /in/joseantonioestevesaez @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.
  17. 17. /in/joseantonioestevesaez @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
  18. 18. /in/joseantonioestevesaez @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
  19. 19. /in/joseantonioestevesaez @joSEOantonio
  20. 20. /in/joseantonioestevesaez @joSEOantonio
  21. 21. /in/joseantonioestevesaez @joSEOantonio • Herramientas que recomienda Google para minificar archivos: https://developers.google.com/speed/docs/insights/MinifyResources
  22. 22. /in/joseantonioestevesaez @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
  23. 23. /in/joseantonioestevesaez @joSEOantonio

×