1

Curso WordPress:

aumenta la

velocidad de carga

y haz que tu web

sea segura

Webinar WordPress5/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 WEBGanar 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 WEB2. Da sugerencias para mejorar la velocidad de tu WEB3. 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 WEB2. 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ágenesAsí se hace:

Natalia Montolio Gil

Consultora WEB

11

El tamañoRedimensionar px, cm

PesoLo que ocupa: Mb, Kb

Calidad superior32Kb

Calidad Inferior 8 Kb . Pixelado

ImágenesTamañ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ágenesPara ganar velocidad de carga

13EWWW Image OptimizerEl 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 OptimizerPlugin para optimizar imágenes

Aligera fotografías

Seguro

Rápido

Número 1 en optimizar

15

Fast Stone Photo ResizerTratamiento de imágenes

Natalia Montolio Gil

Consultora WEB

16

Habilitar la CachéAsí se hace…

Natalia Montolio Gil

Consultora WEB

17

NavegandoCómo funciona la caché

1. Tu navegador solicita la página al servidor2. El servidor recupera los contenidos de la

base de datos3. El servidor genera la página con PHP4. El servidor envía la página de vuelta al

navegador5. 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 Wordpressy Plugins

Así se hace…

Natalia Montolio Gil

Consultora WEB

20

Actualiza Wordpress y PluginsConsigue 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 pluginsAsí se hace…

Natalia Montolio Gil

Consultora WEB

22Elimina plugins innecesariosP3 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

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

26

AutoptimizeComprime 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

WordfenceAsí se hace…

Natalia Montolio Gil

Consultora WEB

31

WordfenceLa 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 FuncionesGratuitas

LIVE TRAFFIC

WHOIS

OPTIONS

35

Meet the TeamWho are behind the scenesWebinar de Webeatuidea.com

para Nominaliawww.webeatuidea.com

Consultoría WEB

Branding

Diseño

SEO

Dominio y Alojamiento

Migraciones

Asesoramiento planes

Nominalia.com

Formación

online

Universidades

InCompany