Presentación "WPO: Optimiza la velocidad de carga de tu web para encantar a Google" utilizada por Alvaro Fontela de Raiola Networks en el iDay Alicante del dia 17 de Febrero de 2017. Puedes ver el articulo completo de esta presentación en la siguiente dirección URL: https://raiolanetworks.es/blog/crawl-budget-wpo-wordpress-mejorar-posicionamiento-seo/

1. WPO:Optimiza
LA VELOCIDAD DE CARGA DE
TU WEB PARA ENCANTAR
A GOOGLE
@raiolanetworks @alvarofontela
ÁLVARO
FONTELA
#idayes

2. VENTAJAS DE TENER
UNA WEB RÁPIDA
01

3. Un estudio de Kissmetrics dice que 1 se-
gundo de retraso en el tiempo de carga
al navegar, supone una bajada del 7% en
la tasa de conversión.
Existen estudios que dicen que la mayo-
ría de los usuarios no esperan a que una
web cargue más de 3 segundos INDE-
PENDIENTEMENTE DE LA VELOCIDAD DE
SU CONEXIÓN A INTERNET.
01
@raiolanetworks @alvarofontela
VENTAJAS DE TENER UNA WEB RÁPIDA ( I )
@alvarofontela | @raiolanetworks#idayes

4. Google ha publicado en una oca-
sión que ralentizar su buscador 1
segundo provocaría una bajada de
8 millones en el volumen de bús-
quedas diario.
Amazon publicó un estudio en 2008
dónde decía que un retraso de 0,1
segundos en la velocidad de carga
bajaba sus ventas un 1%.
VENTAJAS DE TENER UNA WEB RÁPIDA ( II )
@alvarofontela | @raiolanetworks
02
#idayes

5. Velocidad de carga mas rápida y menor
tiempo de respuesta es igual a mejor po-
sicionamiento SEO y una optimización del
crawl budget asignado por Google a nuestro
sitio web.
Velocidad de carga más rápida y menor
tiempo de respuesta es igual a mejor usa-
bilidad para el usuario o cliente que navega
por la web.
VENTAJAS DE TENER UNA WEB RÁPIDA ( III )
@alvarofontela | @raiolanetworks
03
#idayes

6. crawl budget
¿qué es y para quÉ sirve?
02

7. Es conocido popularmente entre los SEOs como “presupuesto de rastreo”.
El crawl budget es el tiempo máximo que le va a dedicar el crawler de
Google a una web a la hora de rastrearla.
El crawl budget asignado a una web varía dependiendo de la autoridad y
de otros factores.
CRAWL BUDGET ¿QUÉ ES Y PARA QUE SIRVE?
@alvarofontela | @raiolanetworks
04
#idayes

8. @alvarofontela | @raiolanetworks#idayes
CRAWL BUDGET ¿QUÉ ES Y PARA QUE SIRVE?
05
Cuanto + rápido
cargue nuestra web
mejor aprovecharemos
el crawl budget asignado por

9. aprovechando el
crawl budget con wpo
03

10. APROVECHANDO EL CRAWL BUDGET CON WPO ( I )
@alvarofontela | @raiolanetworks
06
Aplicando las técnicas ade-
cuadas se pueden conseguir
mejoras en el rastreo por
parte del crawler de Google
como estas:
#idayes

11. @alvarofontela | @raiolanetworks
07
A continuación veremos un
ejemplo de lo que pasa cuan-
do cambiamos un tema de
Wordpress por otro más sim-
ple.
#idayes
APROVECHANDO EL CRAWL BUDGET CON WPO ( II )

12. Nginx puede funcionar como servidor web o proxy cache.
Varnish puede funcionar como proxy cache.
El rendimiento de Nginx o Varnish al servir peticiones es superior al de
Apache, y con esto se consigue mejorar el tiempo de respuesta.
NGINX O VARNISH ( I )
@alvarofontela | @raiolanetworks
08
#idayes

13. En esta gráfica podemos ver la diferencia entre el rendimiento de Nginx y
Apache como servidores webs:
El cache de Nginx es más eficiente que el cache implementado por un
plugin de cache en Wordpress.
@alvarofontela | @raiolanetworks
09
FOTO 3
NGINX O VARNISH ( II )
#idayes

14. En estas gráficas podemos ver las diferencias entre el cache de Varnish
funcionando como proxy cache y un plugin de cache para Wordpress
NGINX O VARNISH ( III )
@alvarofontela | @raiolanetworks
10
#idayes

15. Usando Nginx o Varnish en el servidor podremos reducir los tiempos de
respuesta y facilitarle al crawler de Google el paso por nuestro sitio web,
permitiéndole rastrear más paginas en el mismo tiempo.
Puedes encontrar más información sobre Nginx en esta dirección:
http://raiola.es/nginx
NGINX O VARNISH ( IV )
@alvarofontela | @raiolanetworks
11
#idayes

16. Un plugin de cache es necesario para obtener siempre unos buenos
tiempos de carga en Wordpress.
Nosotros en Raiola Networks siempre recomendamos WP Rocket como
alternativa Premium y W3 Total Cache o WP Fastest Cache como alterna-
tivas gratuitas
PLUGIN DE CACHÉ PARA WORDPRESS ( I )
@alvarofontela | @raiolanetworks
12
#idayes

17. No todos los plugins de cache para Wordpress ofrecen los mismos tiem-
pos de respuesta, y eso lo demostramos en el siguiente benchmark:
Puedes ver el artículo completo del benchmark en esta URL:
http://raiola.es/rendimientocachewp
PLUGIN DE CACHÉ PARA WORDPRESS ( II )
@alvarofontela | @raiolanetworks
13
#idayes

18. No existe una formula exacta para reducir el número de peticiones, sino
que es necesario aplicar varias técnicas o simplificar el contenido del si-
tio web eliminando elementos.
Cuantas menos peticiones se reali-
cen, menos complejas van a ser las
paginas y más rápido se cargaran,
por lo tanto mas rápido las ras-
treara el bot de Google, pudiendo
rastrear más paginas en el mismo
tiempo.
REDUCIR EL NÚMERO DE PETICIONES ( I )
14
@alvarofontela | @raiolanetworks#idayes

19. Combinar el CSS y el JS puede ser una buena técnica para reducir las
peticiones, siempre y cuando los elementos y el theme lo permitan téc-
nicamente.
Revisar qué plugins o elementos necesitamos y cuales son también pue-
de ser una buena técnica para reducir peticiones.
REDUCIR EL NÚMERO DE PETICIONES ( II )
15
@alvarofontela | @raiolanetworks#idayes

20. Cuando combinamos los archivos JavaScript o CSS podemos combinar
varios archivos del mismo tipo en un solo archivo CSS o JS.
El combinado de archivos podemos hacerlo manualmente o con plugins
como Autoptimize o WP Rocket.
COMBINAR Y OPTIMIZAR EL JS Y CSS ( I )
16
@alvarofontela | @raiolanetworks
La forma automática no siempre funciona y la forma manual nos exige
tener conocimientos de programación para modificar el código.
#idayes

21. Cuando hablamos de optimizar los archivos JS y CSS hablamos de re-
ducir el peso de los archivos sacando los saltos de línea, los espacios en
blanco innecesarios, los comentarios, etc…
También podemos optimizar el código HTML generado por Wordpress
para reducir el peso general de la página.
COMBINAR Y OPTIMIZAR EL JS Y CSS ( II )
17
@alvarofontela | @raiolanetworks
Al optimizar el CSS y el JS le facilitaremos a Google la tarea de interpretar
estos archivos cuando el bot pasa por nuestra página.
#idayes

22. Al configurar el javascript para que cargue de forma asíncrona conse-
guiremos agilizar la carga. Puedes ver el concepto mejor en la siguiente
imagen:
CARGA ASÍNCRONA DE JAVASCRIPT ( I )
18
@alvarofontela | @raiolanetworks
El concepto es que varios elementos se carguen a la vez, pero no siempre
es posible o viable por temas técnicos ya que algunos elementos pueden
no permitirlo por tema de dependencias.
#idayes

23. WW
La optimizacion de imágenes afecta a la usabilidad y a la velocidad de
carga general, pero es irrelevante para el crawl budget.
OPTIMIZACIÓN DE IMÁGENES
19
@alvarofontela | @raiolanetworks#idayes
Aun así, nosotros para Wordpress recomendamos EWWW Image Optimi-
zer, WP Smush o Imagify para optimizar las imagenes

24. No todos los servicios de CDN son iguales, ni todos tienen la misma con-
figuración ni la misma infraestructura.
Aunque normalmente todos los CDN mejoran el WPO de una web, no to-
dos los CDN son buenos para aprovechar mejor el crawl budget.
SERVICIOS DE CDN ( I )
20
@alvarofontela | @raiolanetworks
Nosotros para obtener buenos tiempos de respuesta ante el bot de Goo-
gle recomendamos KeyCDN o Amazon CloudFront.
#idayes

25. @alvarofontela
@raiolanetworks
CÓDIGO PROMOCIONAL
raiolanetworks
raiolanetworks
Puedes ver el artículo re-
lacionado con la presen-
tación en el blog de Raiola
Networks en este enlace:
http://raiola.es/crawlbudget
#idayes
#welovewordpress