1
Curso WordPress:
aumenta la
velocidad de carga
y haz que tu web
sea segura
Webinar WordPress
5/5/2016

2
OTRA PERSPECTIVADE LA WEB
Natalia Montolio Gil
Consultora WEB

3
MÁS RÁPIDA
Y
MÁS SEGURA
Natalia Montolio Gil
Consultora WEB

4
MÁS RÁPIDA
Natalia Montolio Gil
Consultora WEB

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
• Carga rápida, en menos de 2 segundos
• Carga normal, entre 2 y 4 segundos
• Carga lenta, más de 5 segundos

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
¿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
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

10
Optimizar Imágenes
Así se hace:
Natalia Montolio Gil
Consultora WEB

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
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
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.

14
EWWW Image Optimizer
Plugin para optimizar imágenes
Aligera fotografías
Seguro
Rápido
Número 1 en optimizar

15
Fast Stone Photo Resizer
Tratamiento de imágenes
Natalia Montolio Gil
Consultora WEB

16
Habilitar la Caché
Así se hace…
Natalia Montolio Gil
Consultora WEB

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
No olvides borrar la caché cuando hagas cambios
Habilita la Caché
WP-SUPER Caché
Más de un millón de descargas:

19
Actualiza Wordpress
y Plugins
Así se hace…
Natalia Montolio Gil
Consultora WEB

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

21
Analiza los plugins
Así se hace…
Natalia Montolio Gil
Consultora WEB

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
 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

24
Optimiza HTML,
CSS, Javascript
Así se hace…
Natalia Montolio Gil
Consultora WEB

25
Optimizar ficheros Html, Css y Js
Imprescindible para disminuir la carga del servidor

26
Autoptimize
Comprime los ficheros

27
SEGURIDAD
SEGURIDAD
EN WORDPRESS
Natalia Montolio Gil
Consultora WEB

28

29
SEGURIDAD de tu WEB:
ACTUALIZAR PLUGINS
Y WORDPRESS
UN SÓLO PLUGIN DE
SEGURIDAD
NO INSTALAR COSAS
GRATUITAS
WORDFENCE
SEGURIDAD DE TU
SERVIDOR

30
Wordfence
Así se hace…
Natalia Montolio Gil
Consultora WEB

31
Wordfence
La referencia para proteger tu WEB
Antivirus
Firewall
Monitoriza
Supercache
Limpia
Login
LOPD
Natalia Montolio Gil
Consultora WEB

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.

33
Opciones de Wordfence
1. SCAN
2. LIVE TRAFFIC
3. PERFORMANCE SETUP .NO
4. BLOCKED IPS
5. CELLPHONE SIGN-IN
6. COUNTRY BLOCKING
7. SCAN SCHEDULE
8. WHOIS LOOKUP
9. OPTIONS

34
SCAN
Principales Funciones
Gratuitas
LIVE TRAFFIC
WHOIS
OPTIONS

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