Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (18)
Ähnlich wie WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Octublre 2017)
Ähnlich wie WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Octublre 2017) (20)
Mehr von wpargentina
Mehr von wpargentina (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
WordPress WPO: Consejos y Herramientas (Federico Álvarez - Meetup Bs. As. Octublre 2017)
- 2. Federico Alejandro Alvarez CEO & Co-Founder de WNPower Ingeniero en Sistemas Vicepresidente de Cehost wnpower #MeetupWP15:30 @fedealvz
- 3. ¿POR QUÉ WORDPRESS? wnpower #MeetupWP15:30
- 4. • Tiene 14 años • Open Source (GPL) • CMS más usado: 76,5% Market Share • Usado por el 27% del total de sitios de Internet • Comunidad activa: en 2016 llegó a 1.480.000.000 descargas de plugins wnpower #MeetupWP15:30
- 5. • Qué es WPO (Web Page Optimization) y en que nos puede afectar • Herramientas para analizar y ejecutar optimización • Trucos y consejos wnpower #MeetupWP15:30
- 6. WPO: WEB PAGE OPTIMIZATION Mejor UX Mejor posicionamiento (SEO) Mayor conversión Menores costos (Infra, SEM) Última tecnología wnpower #MeetupWP15:30
- 7. MAYOR CONVERSIÓN Los usuarios… • El 47% espera un tiempo de carga de 2 segundos. • El 40% abandona si tarda más de 3 segundos en cargar. • El 52% afirman que volverían a comprar si la UX fue buena. wnpower #MeetupWP15:30
- 8. POSICIONAMIENTO (SEO) • En 2010 Google anunció que iba a tener en cuenta para el posicionamiento, la velocidad del sitio web, siendo mejor valorados los sitios que tarden menos en cargar. • En 2013 cambió su política y en lugar de valorar las webs más rápidas, anunció que penalizará a los sitios que tengan una mala optimización y tarden mucho en cargar por este motivo. wnpower #MeetupWP15:30
- 9. MENORES COSTOS (SEM) Mala UX Influye negativamente en el posicionamiento de nuestros anuncios. wnpower #MeetupWP15:30
- 10. MENORES COSTOS: INFRA Una buena optimización de nuestro sitio: • Reduce la velocidad de carga • Reduce los consumos que genera en el servidor ($) y ancho de banda ($) • Conseguimos que no se sobrecargue nuestra web cuando tengamos picos de visitas. wnpower #MeetupWP15:30
- 11. Para poder optimizar primero hay que medir. wnpower #MeetupWP15:30
- 12. GOOGLE PAGESPEED Es una herramienta gratuita desarrollada por Google para medir el rendimiento de nuestra página web. wnpower #MeetupWP15:30
- 13. GOOGLE PAGESPEED Tiene en cuenta 10 factores: wnpower #MeetupWP • Priorizar el contenido visible • Evita los redireccionamientos a páginas de destino • Reducir el tiempo de respuesta del servidor • Habilitar compresión • Especificar caché de navegador • Minificar HTML • Minificar CSS • Minificar JavaScript • Optimizar imágenes • Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página 15:30
- 17. PRIORIZAR EL CONTENIDO VISIBLE • Poner el contenido visual que vamos a ver en nuestra página web al principio del HTML, en la primera parte. • Postergar los elementos que se cargan en la segunda parte de la página (Javascripts, CSS del footer, etc.) wnpower #MeetupWP15:30
- 19. EVITAR LOS REDIRECCIONAMIENTOS A PÁGINAS DE DESTINO Evitar excesivas redirecciones: • dominio.com www.dominio.com • www.dominio.com https://www.dominio.com ¡Tratemos siempre de vincular nuestro sitio con el dominio principal bien puesto! wnpower #MeetupWP15:30
- 20. REDUCIR TIEMPO DE RESPUESTA DEL SERVIDOR wnpower #MeetupWP Se refiere al hosting. 15:30
- 21. HABILITAR COMPRESIÓN Refiere a habilitar la compresión GZIP en el servidor. Mejora la velocidad notablemente ya que comprime todos los archivos que envía de un lugar a otro. • Módulo “deflate” en el servidor • Reglas en nuestro archivo .htaccess: wnpower #MeetupWP15:30
- 22. ESPECIFICAR CACHÉ DE NAVEGADOR • Módulo “expires” en el servidor • Reglas en nuestro archivo .htaccess: wnpower #MeetupWP15:30
- 23. MINIFICAR HTML, CSS Y JAVASCRIPT Al tener el contenido HTML, CSS y JavaScript minificado y comprimido, el contenido de la página será menor y por lo tanto, la descarga será mucho más rápida. wnpower #MeetupWP15:30
- 24. MINIFICAR HTML, CSS Y JAVASCRIPT Plugin Autoptimize: wnpower #MeetupWP15:30
- 25. OPTIMIZAR IMÁGENES Reducir el tamaño de nuestras imágenes lo más posible sin que pierdan su calidad. De esta manera al visitar nuestra página se transfiere menos información. Opciones: • Descargar archivo ZIP con optimizaciones de PageSpeed • Plugin “Smush” • Herramienta del Hosting wnpower #MeetupWP15:30
- 26. OPTIMIZAR IMÁGENES wnpower #MeetupWP Plugin Smush: 15:30
- 27. OPTIMIZAR IMÁGENES wnpower #MeetupWP PLUS Plugin BJ Lazy Load: 15:30
- 28. HOSTING Hardware, Procesador, Raid SSD wnpower #MeetupWP15:30
- 32. HOSTING Sistemas de Caché (server) wnpower #MeetupWP APC 15:30
- 34. HOSTING Centro de Datos • Redundancia • Latencia (ms) wnpower #MeetupWP 2 a 15 ms 100 a 200 ms 15:30
- 35. Localización del Producto = Localización del Cliente wnpower #MeetupWP15:30
- 39. WORDPRESS: TIPS Mantener actualizado: • WordPress • Plugins • Temas wnpower #MeetupWP15:30
- 41. WORDPRESS: TIPS Optimizar Base de Datos wnpower #MeetupWP Plugin WP Optimize: 15:30
- 42. WORDPRESS: TIPS Sistemas de Caché: • WP Super Cache • Wordfence Security • WP-Rocket wnpower #MeetupWP15:30
- 43. WORDPRESS: TIPS • Reducir el número de entradas que se muestran en nuestra página principal • Paginar los Posts muy largos • Reemplazar Slides por imágenes estáticas • Reducir el uso de fuentes externas • Administrar el volumen de comentarios • Cuidadoso con la selección de Tema / Plugins • Usar Tema “Child” wnpower #MeetupWP15:30
- 45. wnpower #MeetupWP HOSTING PARA TU WORDPRESS 50% OFF wnpower.com/meetup 15:30