Configurar Firefox, Trucos Para Aumentar La Velocidad y El Rendimiento
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
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