Este documento resume un webinar sobre cómo aumentar la velocidad y seguridad de un sitio web WordPress. Se explican varias formas de optimizar el rendimiento, incluyendo optimizar imágenes, habilitar la caché, actualizar plugins y WordPress, eliminar plugins innecesarios, y optimizar archivos HTML, CSS y JavaScript. También se cubre la seguridad con el plugin Wordfence para proteger el sitio web de ataques y monitorear el tráfico. El objetivo general es mejorar la experiencia del usuario y el posicionamiento de motores de
5. 5
La importancia de la velocidad de la WEB
Ganar o perder clientes
Mejor experiencia del usuario
(Diseño UX)
SEO: Buena
programación,
Buenos
contenidos,
diseño atractivo y
carga rápida
Imagen y Marca
Mejores conversiones
6. 6
• Carga rápida, en menos de 2 segundos
• Carga normal, entre 2 y 4 segundos
• Carga lenta, más de 5 segundos
7. 7
¿Qué velocidad tiene mi WEB?
Herramienta de Google · Page Speed Insights
1. Calcula la velocidad de tu WEB
2. Da sugerencias para mejorar la velocidad de tu WEB
3. Por debajo de 85 Google lo da por bueno
Una vez obtenidos
los resultados de
PageSpeed y siempre
que la puntuación de
nuestro sitio web
esté por debajo de
100, podremos
mejorar el
rendimiento de
nuestra web.
8. 8
¿Qué velocidad tiene mi WEB?
GtMetrics (Recomendado por Dani, Técnico de Nominalia)
1. Calcula la velocidad de tu WEB
2. Da sugerencias para mejorar la velocidad de tu WEB
9. 9
Cómo aumentar la velocidad de carga
como mínimo un 20% de la actual
OPTIMIZAR IMÁGENES
LA CACHÉ
PLUGINS INSTALADOS
OPTIMIZAR HTML, CSS Y JS
11. 11
El tamaño
Redimensionar px, cm
Peso
Lo que ocupa: Mb, Kb
Calidad superior
32Kb
Calidad Inferior
8 Kb . Pixelado
Imágenes
Tamaños y Peso
TAMAÑO
• Grande cuando tiene un tamaño igual o mayor a 1024x768 píxeles
• Mediana cuando el tamaño va de 320x240 a 1024x768 píxeles
• Pequeña cuando el tamaño es menor a 320x240 píxeles
• Muy pequeña cuando es menor a 100x100 píxeles
PESO
• Pesada si tiene 1 MB o más
• De peso mediano si va de 300KB a 1 MB
• Ligera si su peso es menor de 300KB
• Muy ligera si el peso es inferior a 100KB
EL OBJETIVO ES MENOS PESO AL TAMAÑO QUE QUEREMOS Y QUE SE VEA BIEN = OPTIMIZAR
12. 12
1.Usuarios contentos (UX)
2.Google contento (SEO)
3.Ganas posicionamiento
4.Más imágenes en tu WEB
5.Ganas fidelidad
.
Ventajas de Optimizar las imágenes
Para ganar velocidad de carga
13. 13
EWWW Image Optimizer
El mejor plugin para optimizar imágenes
1, Fácil y rápido
2. Reduce el tamaño de cientos de imágenes en apenas minutos.
El Plugin EWWW Image Optimizer realiza estas reducciones de tamaño sin perdida en la
calidad de las imágenes. Las imágenes se van a ver optimizadas igual como estaban sin
optimizar
1. PARA LA NUEVAS IMÁGENES
Una vez que hayamos instalado y activado este plugin EWWW Image Optimizer las nuevas
imágenes que vayamos añadiendo a nuestro WordPress se optimizarán de forma automática.
Esto quiere decir que se reducirá el espacio en disco que ocupa la imagen, sin que pierda
calidad alguna.
2. PARA LAS IMÁGENES YA CREADAS
Si queremos optimizar las imágenes que ya tenemos subidas en la web habrá que ir a Ajustes
- EWWW Image Optimizer y pulsar en el enlace Optimización en masa. Aquí solo
deberemos pulsar el botón Iniciar la optimización para que comience la optimización de las
imágenes.
17. 17
Navegando
Cómo funciona la caché
1. Tu navegador solicita la página al servidor
2. El servidor recupera los contenidos de la
base de datos
3. El servidor genera la página con PHP
4. El servidor envía la página de vuelta al
navegador
5. Tu navegador muestra la página
18. 18
No olvides borrar la caché cuando hagas cambios
Habilita la Caché
WP-SUPER Caché
Más de un millón de descargas:
20. 20
Actualiza Wordpress y Plugins
Consigue que tu WEB trabaje a la máxima potencia
1. Mejoras de rendimiento
2. Máxima potencia
3. Mayor estabilidad
4. Mayores funcionalidades
22. 22
Elimina plugins innecesarios
P3 Plugin Performance Profile
El tiempo de carga total e individual de los plugins que tienes activos.
El porcentaje de tiempo total e individual que emplea tu web en la
carga de plugins.
El número de solicitudes que realizan a la base de datos con cada
visita que recibes.
Los tiempos de carga de tu Theme y el core (núcleo) de WordPress.
Las llamadas de PHP realizadas.
El consumo de memoria (en MB) que emplea nuestra web en
nuestro servidor.
Natalia Montolio Gil
Consultora WEB
23. 23
Total de plugins. Te indica los plugins que tienes instalados
y activos en este momento en la web. Como ves yo ahora
mismo tengo 19.
• Tiempo de carga de los plugins. Indica el número de
segundos que han tardado en cargar los plugins en cada
visita. En mi caso 0,46 segundos de media en cada visita.
• Impacto de los plugins. Indica el porcentaje de tiempo que
ha ocupado los plugins con respecto al tiempo total que ha
tardado en cargar la web. Según el plugin P3 mi web tarda
en cargar 1,0575 segundos, de ese tiempo 0,46 segundos
se deben a la carga de plugins lo que supone un 43,5% del
tiempo total.
• Consultas MYSQL. Número de consultas que han hecho los
plugins a la base de datos. Cuantas menos consultas se
realicen mejor. Tu servidor lo agradecerá y tu web irá más
rápida. Si tienes pocas visitas no notarás la diferencia pero
en páginas con mucho tráfico es un factor importante.
• ¿Entiendes ahora porque no me gusta recomendar galerías
de imágenes? Nextgen … PhotoGallery
31. 31
Wordfence
La referencia para proteger tu WEB
Antivirus
Firewall
Monitoriza
Supercache
Limpia
Login
LOPD
Natalia Montolio Gil
Consultora WEB
32. 32
https://www.wordfence.com/
Wordfence monitoriza en tiempo real la actividad de millones de
WordPress que tienen instalado Wordfence en el mundo.
Si se detecta que se está llevando a cabo un ataque a un WordPress
que tenga Wordfence instalado, automáticamente tu WordPress que
tiene Wordfence instalado bloqueará ese ataque.
A día de hoy según la web de Wordfence se producen más de 36.000
ataques por minuto a los sitios que tienen instalado Wordfence.
Te puedes hacer una idea del volumen y de la importancia que tiene
el tema de la seguridad.
35. 35
Meet the Team
Who are behind the scenesWebinar de Webeatuidea.com
para Nominalia
www.webeatuidea.com
Consultoría WEB
Branding
Diseño
SEO
Dominio y Alojamiento
Migraciones
Asesoramiento planes
Nominalia.com
Formación
online
Universidades
InCompany