CONSULTOR WORDPRESS & CO-FUNDADOR DE RAIOLA NETWORKS. WPO: Lo que debes saber sobre cómo optimizar correctamente tu WordPress

Tamaño: px

Comenzar la demostración a partir de la página:

Download "CONSULTOR WORDPRESS & CO-FUNDADOR DE RAIOLA NETWORKS. WPO: Lo que debes saber sobre cómo optimizar correctamente tu WordPress"

Salvador Montero Gutiérrez
hace 5 años
Vistas:

1 CONSULTOR WORDPRESS & CO-FUNDADOR DE RAIOLA NETWORKS WPO: Lo que debes saber sobre cómo optimizar correctamente tu WordPress

2 1.0 QUÉ CONSEGUIMOS APLICANDO TÉCNICAS #WORDPRESSLUGO QUÉ CONSEGUIMOS APLICANDO TÉCNICAS WPO? MEJORAMOS LA USABILIDAD Y LA CONVERSIÓN. APROVECHAMOS MEJOR EL CRAWL BUDGET ASIGNADO. REDUCIR EL CONSUMO DE RECURSOS DE LA WEB EN EL SERVIDOR. 01

3 1.1 QUÉ CONSEGUIMOS APLICANDO TÉCNICAS #WORDPRESSLUGO QUÉ CONSEGUIMOS APLICANDO TÉCNICAS WPO? Los usuarios, clientes y visitantes de una web quieren que la web cargue rápido. Si un sitio carga rápido, la experiencia de usuario mejorará. Al mejorar la usabilidad y la experiencia de usuario conseguiremos aumentar la conversión. 02

4 1.2 QUÉ CONSEGUIMOS APLICANDO TÉCNICAS #WORDPRESSLUGO APROVECHAR MEJOR EL CRAWL BUDGET Si Google puede descargar más rápido nuestro sitio web, podrá rastrear más páginas en el mismo tiempo. Cuantas más páginas sea capaz de rastrear el bot de Google, mejor aprovecharemos el presupuesto de rastreo o crawl budget. 03

5 1.3 QUÉ CONSEGUIMOS APLICANDO TÉCNICAS #WORDPRESSLUGO QUÉ CONSEGUIMOS APLICANDO TÉCNICAS WPO? Con técnicas WPO además de mejorar la velocidad de carga, reducimos el consumo de recursos en el servidor. Las técnicas WPO que más ayudan a reducir el consumo de recursos en el servidor son las relacionadas con los sistemas de cache. 04

6 12 TÉCNICAS WPO PARA OPTIMIZAR WORDPRESS

7 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO IMPLEMENTAR UN CACHE PARTE 1 En WordPress podemos implementar un sistema de cache mediante plugins. Lo más común es implementar un cache de página, es decir, que guarda una copia preprocesada de la página. Existen decenas de plugins de cache para WordPress. 05

2.1 12 TÉCNICAS WPO PARA OPTIMIZAR WORDPRESS

8 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO IMPLEMENTAR UN CACHE PARTE 2 En Raiola Networks tenemos 3 plugins de cache favoritos: WP ROCKET WP FASTEST CACHE W3 TOTAL CACHE 06

9 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO COMBINAR Y MINIFICAR CSS Y JAVASCRIPT PARTE 1 Al minificar archivos JS y CSS reducimos su tamaño y los simplificamos. Al combinar archivos JS y CSS combinamos varios archivos JS o varios archivos CSS en uno solo. 07

10 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO COMBINAR Y MINIFICAR CSS Y JAVASCRIPT PARTE 2 Podemos minificar y combinar de forma manual si somos programadores. Podemos minificar y combinar de forma automática con plugins, aunque no suele ser efectivo. Un buen plugin para minificar y combinar en WordPress es Autoptimize. 08

2.3 12 TÉCNICAS WPO PARA OPTIMIZAR WORDPRESS @ALVAROFONTELA #WORDPRESSLUGO CARGA ASÍNCRONA Mediante carga asíncrona

11 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO CARGA ASÍNCRONA Mediante carga asíncrona podemos hacer que varios elementos o scripts se carguen al mismo tiempo. Esto elimina muchas esperas innecesarias. 09

12 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO COMPRESIÓN GZIP O DEFLATE PARTE 1 Mediante la compresión GZIP o Deflate conseguimos comprimir los archivos del sitio web con GZIP automáticamente. Podemos activar la compresión GZIP en Apache mediante el.htaccess o en Nginx haciendo los cambios en los archivos de configuración. 10

2.4 12 TÉCNICAS WPO PARA OPTIMIZAR WORDPRESS @ALVAROFONTELA #WORDPRESSLUGO COMPRESIÓN GZIP O DEFLATE PARTE 2 NetFlix ha conseguido ahorrar un 43% de ancho de banda y ha mejorado la velocidad de

13 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO COMPRESIÓN GZIP O DEFLATE PARTE 2 NetFlix ha conseguido ahorrar un 43% de ancho de banda y ha mejorado la velocidad de carga un 25% solo activando la compresión GZIP. Evidentemente, no todos los sitios web tienen el trafico de NetFlix y por lo tanto no se conseguirán los mismos resultados con la compresión GZIP. 11

14 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO OPTIMIZAR IMÁGENES PARTE 1 El mayor problema de WPO de la mayoría de las webs son las imágenes sin optimizar. El 99% de los autores de contenido web no ajustan las dimensiones de las imágenes antes de subirlas. Podemos optimizar las imágenes automáticamente al subirlas mediante plugins. 12

2.5 12 TÉCNICAS WPO PARA OPTIMIZAR WORDPRESS @ALVAROFONTELA #WORDPRESSLUGO OPTIMIZAR

dos excelentes alternativas para optimizar imágenes automáticamente al subirlas.

15 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO OPTIMIZAR IMÁGENES PARTE 2 EWWW IMAGE OPTIMIZER O IMAGIFY IMSANITY EWWW Image Optimizer o Imagify son dos excelentes alternativas para optimizar imágenes automáticamente al subirlas. Imsanity es un plugin para Wordpress que puede ajustar los tamaños máximos automáticamente en WordPress. 13

16 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO IMPLEMENTAR UN CDN PARTE 1 Los servicios de CDN permiten servir los contenidos estáticos desde servidores cercanos al visitante geográficamente hablando. En un Internet tan globalizado e internacional, los CDN cobran especial importancia para cualquier proyecto web. Al servir los archivos desde localizaciones geográficas cercanas al visitante, bajan las latencias y la web carga más rápido. 14

17 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO IMPLEMENTAR UN CDN PARTE 2 Existen cientos de servicios de CDN, nosotros recomendamos estos: CLOUDFLARE KEYCDN CDN77 CLOUDFRONT 15

18 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO DESACTIVAR LOS QUERY STRINGS Esto es un Query String: A efectos prácticos reales no aportan nada, pero pueden dificultar el cacheo de los elementos que cargan con Query Strings. 16

19 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO CONTROLAR EL API HEARTBEAT EN WORDPRESS PARTE 1 El API Heartbeat permite usar AJAX en Wordpress. Muchos plugins grandes como WooCommerce y muchos themes complejos abusan del API Heartbeat y pueden provocar problemas de rendimiento. El API Heartbeat realiza peticiones cada ciertos segundos al servidor. 17

20 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO CONTROLAR EL API HEARTBEAT EN WORDPRESS PARTE 2 Mediante plugins o mediante una función en el functions.php podemos desactivar los pulsos del API Heartbeat o aumentar el periodo de tiempo entre pulsos. 18

21 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO ACTIVAR EL CACHE DE NAVEGADOR El cache de navegador ahorra recursos en general, pero sobretodo ahorra peticiones al servidor. Median te el cache de navegador se guardan archivos en el ordenador del visitante al hacer la primera visita para que en las siguientes visitas no sea necesario descargar los archivos. Podemos activar el browser caching mediante el.htaccess en Apache o en los archivos de configuración de Nginx. 19

22 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO DOMAIN SHARDING O CARGA PARALELA PARTE 1 Mediante Domain Sharding o Carga Paralela podemos hacer que se carguen varios elementos de la web a la vez. El Domain Sharding también se suele aplicar cuando implementamos un CDN. Podemos configurar la carga paralela en WordPress usando el plugin Domain Sharding o con algunos plugins de cache conocidos como W3 Total Cache o WP Rocket 20

23 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO DOMAIN SHARDING O CARGA PARALELA PARTE 2 21

24 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO PHP7 MEJOR QUE PHP5 Una de las mejoras de PHP7 frente a las versiones anteriores es el rendimiento. PHP7 puede llegar a ofrecer un 300% más de rendimiento que PHP 5.4 BENCHMARK DE VERSIONES DE PHP Test math Test stringmanipulation Test loops Test ifelse PHP PHP

25 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO HTTP/2 PARTE 1 HTTP/2 ofrece varias mejoras en lo que a WPO se refiere. La mejora principal de WPO de HTTP/2 es la multiplexación. La multiplexación mejora la carga de páginas con muchas peticiones. HTTP/2 solo funciona con SSL, es decir, con HTTPS 23

2.12 12 TÉCNICAS WPO PARA OPTIMIZAR WORDPRESS

26 TÉCNICAS WPO PARA OPTIMIZAR #WORDPRESSLUGO HTTP/2 PARTE 2 HTTP /1.1 HTTP /2 24

27 CONSULTOR WORDPRESS & CO-FUNDADOR DE RAIOLA RAIOLANETWORKS.ES

Documentos relacionados

CONSULTOR WORDPRESS ESPECIALIZADO EN WPO CO-FUNDADOR DE RAIOLA NETWORKS. wpo para ecommerce

CONSULTOR WORDPRESS ESPECIALIZADO EN WPO CO-FUNDADOR DE RAIOLA NETWORKS wpo para ecommerce VOY A IR DIRECTO AL GRANO... CON PRUEBAS Y TÉCNICAS QUE REALMENTE APORTAN UNA MEJORA EN TODOS LOS SENTIDOS Técnicas