Documentos de Académico
Documentos de Profesional
Documentos de Cultura
SiteGround Ebook WordPress PDF
SiteGround Ebook WordPress PDF
2
1
IDENTIFICAR Y
PRIORIZAR
LOS PROBLEMAS
3
BE N CH MARK
Lo primero que debes hacer es averiguar si realmente tienes un problema. La forma más
sencilla de hacerlo es hacer una evaluación o benchmark. Hay algunas herramientas gratui-
tas como por ejemplo:
GTMetrix (https://gtmetrix.com)
Hay muchas otras herramientas y, por lo general, si tienes tiempo, cuantas más pruebas
realices con tu web, mejor. Sin embargo, estas dos suelen ser suficientes para obtener una
idea clara de cómo está funcionando tu web en términos de velocidad.
4
Consejo: A pesar de que la mayoría de las herramientas de benchmark te darán una
especie de "nota", no te obsesiones con ella. Si tu web se carga en menos de un segundo,
ya habrás hecho la mayor parte del trabajo.
PR O BLEM AS CO MUNES
Suponiendo que los resultados de los test muestren que tienes un
problema con la velocidad de tu web, el siguiente paso es identificar
los cuellos de botella. A pesar de que cada web es distinta y tiene su
propio conjunto de problemas de velocidad, algunos de estos prob-
lemas son muy comunes por lo que podemos empezar con ellos:
Puedes utilizar las respuestas a estas preguntas para crear una lista
de las optimizaciones a realizar empezando por las que tendrán un
mayor impacto teniendo en cuenta el tiempo que necesitarás para
implementarlas.
5
2
TAMAÑO DE LA
PÁGINA Y
OPTIMIZACIONES
DEL CONTENIDO
6
1 . R EDUCI R EL NÚM E RO D E E N TRA DA S Q U E
S E M UEST RAN EN TU PÁG IN A P RIN C IPA L
7
3 . R EE MPLAZAR EL PA S E D E D IA P OS ITIVAS
( O S LID ER) POR UN A IM AG E N E S TÁTICA
5 . OPTIMI ZAR EL TA M A ÑO D E L A S IM ÁG E N E S
S I N B A JAR SU CALI DA D
8
Incluso si la imagen se reduce en solo unos pocos KB, cuando se
combinan todas las imágenes en una página, por lo general la
mejora en rendimiento es significativa.
9
8 . HA B ILI TA LA COM P RE S IÓN G Z IP PA RA
TUS PÁGI NAS
Servidor Visitante
10
9 . M INIF I CAR Y COM BINA R A RC H IVOS JS Y C SS
La minificación y la combinación son dos técnicas con un mismo
propósito: reducir el tamaño y el número de archivos JavaScript y
CSS que tu web tiene que cargar. La minificación elimina todos los
caracteres innecesarios evitando la carga de unos preciosos bits
cada vez que se solicita una dirección URL. La combinación, por otra
parte, combina múltiples archivos JavaScript y CSS en uno solo. Esto
reduce el número de solicitudes que hace tu web. Hay algunos
plugins que realizan ese trabajo realmente bien. WP Rocket es una
opción premium y WP Super Minify es un plugin gratuito.
1 0. HA BI LI TAR LA CAC H É
El almacenamiento en caché es una gran tecnología que guarda el
resultado de las diferentes operaciones que tu web tiene que
realizar para producir su contenido final. Entonces, muestra este
"producto" acabado al siguiente visitante de tu web. Con una buena
solución de almacenamiento en caché habilitada y funcionando, tu
web será tan rápida como una página estática hasta que realices un
cambio en ella. Cuando esto ocurre, al primer visitante después de la
modificación se le cargará la página de forma dinámica. A continu-
ación, la caché se actualizará y la próxima vez se cargará mucho más
rápida la versión de la página que está guardada en ella.
11
3
OPTIMIZACIONES
DE TEMAS Y
PLUGINS
Temas y plugins son esenciales para la velocidad de tu web ya que son
básicamente piezas de código que tu web ejecuta cuando alguien accede a
ella. Ese código a menudo necesita ser optimizado también.
12
1 1. SE LECCI ONA UN TE M A D E C ON F IA N Z A DE
U N B UEN PROVEEDOR
Siempre elige un tema que, o bien sea mobile-first, o que tenga una
2 versión móvil nativa. Al realizar las pruebas para tu web, asegúrate
de probar la versión móvil.
14
1 5. A L USAR I CONOS , U TIL IZ A U N A
FUE NTE I CONO
Las imágenes similares a iconos se han convertido en una tendencia
en los últimos años. Si quieres usar este tipo de imágenes, intenta
utilizar una fuente icono en lugar de imágenes separadas. Gener-
icon’d es un magnífico plugin que te ayudará. Con él, puedes agregar
iconos vectoriales como si fueran símbolos normales del alfabeto.
Por último, pero no por ello menos importante, mantener los plugins
actualizados te permitirá utilizar las versiones más recientes de PHP,
incluyendo PHP7, que dará a tu web un enorme aumento en su
rendimiento.
15
Si hay algún plugin que no estás utilizando, elimínalo. No hay ninguna
necesidad de mantenerlo en tu cuenta. Es una buena práctica de
seguridad y una cosa menos que podría ralentizar tu back-end.
16
INTRO
4
OPTIMIZACIONES
DEL SERVIDOR Y
DEL ALOJAMIENTO
WEB
17
1 9. B E N EFÍ CI AT E DE L A CAC H É A NIV E L
D E SE R VI DOR
SIN CON
SUPERCACHER SUPERCACHER
18
20 . US AR UN CDN
21 . US A SSL Y UT I L IZ A H TTP /2
SSL protege a tus visitantes y clientes mediante el cifrado de toda la
información que viaja entre el navegador web y el servidor, garantizan-
do una mayor seguridad para tus usuarios y sus datos.
MÚLTIPLES SOLICITUDES
ejemplo.css ejemplo.css
imagen.png imagen.png
3 Conexiones TCP
ejemplo.css ejemplo.css
imagen.png imagen.png
1 Conexión TCP
19
El protocolo HTTP/2 es mucho más rápido y permite que se hagan
múltiples solicitudes simultáneas de recursos desde el navegador al
servidor, entre otras mejoras, que se traducen en webs más rápidas y
seguras. Para saber más visita www.siteground.es/blog/http2-
soportado/
CONCLUSIÓN
La optimización de la velocidad es una continua e impor-
tante parte en la creación y el mantenimiento de tu web
SUMARIO en WordPress. Sin la optimización, te arriesgas a pagar
más, a perder visitas y conversiones e incluso a dañar tu
marca y tu reputación.
20
S O B R E E L AU TOR
facebook.com/siteground.es
twitter.com/SiteGround_ES
Sobre el autor
21