Beruflich Dokumente
Kultur Dokumente
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 ms
sencilla de hacerlo es hacer una evaluacin 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 ms pruebas
realices con tu web, mejor. Sin embargo, estas dos suelen ser sucientes para obtener una
idea clara de cmo est funcionando tu web en trminos de velocidad.
4
Consejo: A pesar de que la mayora de las herramientas de benchmark te darn una
especie de "nota", no te obsesiones con ella. Si tu web se carga en menos de un segundo,
ya habrs 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 identicar
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 tendrn un
mayor impacto teniendo en cuenta el tiempo que necesitars para
implementarlas.
5
2
TAMAO DE LA
PGINA Y
OPTIMIZACIONES
DEL CONTENIDO
6
1 . R EDUCI R EL NM E RO D E E N TRA DA S Q U E
S E M UEST RAN EN TU PG 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 TTICA
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 imgenes en una pgina, por lo general la
mejora en rendimiento es signicativa.
9
8 . HA B ILI TA LA COM P RE S IN G Z IP PA RA
TUS PGI NAS
Servidor Visitante
10
9 . M INIF I CAR Y COM BINA R A RC H IVOS JS Y C SS
La minicacin y la combinacin son dos tcnicas con un mismo
propsito: reducir el tamao y el nmero de archivos JavaScript y
CSS que tu web tiene que cargar. La minicacin elimina todos los
caracteres innecesarios evitando la carga de unos preciosos bits
cada vez que se solicita una direccin URL. La combinacin, por otra
parte, combina mltiples archivos JavaScript y CSS en uno solo. Esto
reduce el nmero de solicitudes que hace tu web. Hay algunos
plugins que realizan ese trabajo realmente bien. WP Rocket es una
opcin 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 tecnologa que guarda el
resultado de las diferentes operaciones que tu web tiene que
realizar para producir su contenido nal. Entonces, muestra este
"producto" acabado al siguiente visitante de tu web. Con una buena
solucin de almacenamiento en cach habilitada y funcionando, tu
web ser tan rpida como una pgina esttica hasta que realices un
cambio en ella. Cuando esto ocurre, al primer visitante despus de la
modicacin se le cargar la pgina de forma dinmica. A continu-
acin, la cach se actualizar y la prxima vez se cargar mucho ms
rpida la versin de la pgina 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
bsicamente piezas de cdigo que tu web ejecuta cuando alguien accede a
ella. Ese cdigo a menudo necesita ser optimizado tambin.
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-rst, o que tenga una
2 versin mvil nativa. Al realizar las pruebas para tu web, asegrate
de probar la versin mvil.
14
1 5. A L USAR I CONOS , U TIL IZ A U N A
FUE NTE I CONO
Las imgenes similares a iconos se han convertido en una tendencia
en los ltimos aos. Si quieres usar este tipo de imgenes, intenta
utilizar una fuente icono en lugar de imgenes separadas. Gener-
icond es un magnco plugin que te ayudar. Con l, puedes agregar
iconos vectoriales como si fueran smbolos normales del alfabeto.
Por ltimo, pero no por ello menos importante, mantener los plugins
actualizados te permitir utilizar las versiones ms recientes de PHP,
incluyendo PHP7, que dar a tu web un enorme aumento en su
rendimiento.
15
Si hay algn plugin que no ests utilizando, elimnalo. No hay ninguna
necesidad de mantenerlo en tu cuenta. Es una buena prctica de
seguridad y una cosa menos que podra 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
informacin que viaja entre el navegador web y el servidor, garantizan-
do una mayor seguridad para tus usuarios y sus datos.
MLTIPLES SOLICITUDES
ejemplo.css ejemplo.css
imagen.png imagen.png
3 Conexiones TCP
ejemplo.css ejemplo.css
imagen.png imagen.png
1 Conexin TCP
19
El protocolo HTTP/2 es mucho ms rpido y permite que se hagan
mltiples solicitudes simultneas de recursos desde el navegador al
servidor, entre otras mejoras, que se traducen en webs ms rpidas y
seguras. Para saber ms visita www.siteground.es/blog/http2-
soportado/
CONCLUSIN
La optimizacin de la velocidad es una continua e impor-
tante parte en la creacin y el mantenimiento de tu web
SUMARIO en WordPress. Sin la optimizacin, te arriesgas a pagar
ms, a perder visitas y conversiones e incluso a daar tu
marca y tu reputacin.
20
S O B R E E L AU TOR
facebook.com/siteground.es
twitter.com/SiteGround_ES
Sobre el autor
21