WordPress: cómo aumentar la velocidad y la seguridad de una web
-
Upload
nominalia -
Category
Technology
-
view
618 -
download
0
Transcript of WordPress: cómo aumentar la velocidad y la seguridad de una web
![Page 1: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/1.jpg)
1
Curso WordPress:
aumenta la
velocidad de carga
y haz que tu web
sea segura
Webinar WordPress5/5/2016
![Page 2: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/2.jpg)
2
OTRA PERSPECTIVADE LA WEB
Natalia Montolio Gil
Consultora WEB
![Page 3: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/3.jpg)
3
MÁS RÁPIDA
Y
MÁS SEGURA
Natalia Montolio Gil
Consultora WEB
![Page 4: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/4.jpg)
4
MÁS RÁPIDA
Natalia Montolio Gil
Consultora WEB
![Page 5: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/5.jpg)
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
![Page 6: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/6.jpg)
6
• Carga rápida, en menos de 2 segundos• Carga normal, entre 2 y 4 segundos• Carga lenta, más de 5 segundos
![Page 7: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/7.jpg)
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.
![Page 8: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/8.jpg)
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
![Page 9: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/9.jpg)
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
![Page 10: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/10.jpg)
10
Optimizar ImágenesAsí se hace:
Natalia Montolio Gil
Consultora WEB
![Page 11: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/11.jpg)
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
![Page 12: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/12.jpg)
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
![Page 13: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/13.jpg)
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.
![Page 14: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/14.jpg)
14
EWWW Image OptimizerPlugin para optimizar imágenes
Aligera fotografías
Seguro
Rápido
Número 1 en optimizar
![Page 15: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/15.jpg)
15
Fast Stone Photo ResizerTratamiento de imágenes
Natalia Montolio Gil
Consultora WEB
![Page 16: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/16.jpg)
16
Habilitar la CachéAsí se hace…
Natalia Montolio Gil
Consultora WEB
![Page 17: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/17.jpg)
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
![Page 18: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/18.jpg)
18
No olvides borrar la caché cuando hagas cambios
Habilita la CachéWP-SUPER Caché
Más de un millón de descargas:
![Page 19: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/19.jpg)
19
Actualiza Wordpressy Plugins
Así se hace…
Natalia Montolio Gil
Consultora WEB
![Page 20: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/20.jpg)
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
![Page 21: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/21.jpg)
21
Analiza los pluginsAsí se hace…
Natalia Montolio Gil
Consultora WEB
![Page 22: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/22.jpg)
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
![Page 23: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/23.jpg)
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
![Page 24: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/24.jpg)
24
Optimiza HTML, CSS, Javascript
Así se hace…
Natalia Montolio Gil
Consultora WEB
![Page 25: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/25.jpg)
25Optimizar ficheros Html, Css y JsImprescindible para disminuir la carga del servidor
![Page 26: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/26.jpg)
26
AutoptimizeComprime los ficheros
![Page 27: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/27.jpg)
27
SEGURIDAD
SEGURIDAD
EN WORDPRESS
Natalia Montolio Gil
Consultora WEB
![Page 28: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/28.jpg)
28
![Page 29: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/29.jpg)
29
SEGURIDAD de tu WEB:
ACTUALIZAR PLUGINS
Y WORDPRESS
UN SÓLO PLUGIN DE
SEGURIDAD
NO INSTALAR COSAS
GRATUITAS
WORDFENCE
SEGURIDAD DE TU
SERVIDOR
![Page 30: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/30.jpg)
30
WordfenceAsí se hace…
Natalia Montolio Gil
Consultora WEB
![Page 31: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/31.jpg)
31
WordfenceLa referencia para proteger tu WEB
Antivirus
Firewall
Monitoriza
Supercache
Limpia
Login
LOPD
Natalia Montolio Gil
Consultora WEB
![Page 32: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/32.jpg)
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.
![Page 33: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/33.jpg)
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
![Page 34: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/34.jpg)
34
SCAN
Principales FuncionesGratuitas
LIVE TRAFFIC
WHOIS
OPTIONS
![Page 35: WordPress: cómo aumentar la velocidad y la seguridad de una web](https://reader031.fdocuments.co/reader031/viewer/2022022202/587c53a31a28abc62c8b65f9/html5/thumbnails/35.jpg)
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