
En este post vamos a revisar cómo crear un sitio web inicial de WordPress, y aplicar WPO, para lograr un 100% de optimización del rendimiento. Y lo haremos sobre lo que nos gusta en llamar un «hosting de élite» (o «verde»).
¿Qué es un sitio web mobile friendly?
Más del 70% de las conexiones a redes móviles de todo el mundo se realizan a través de 3G o a velocidades más lentas. Al menos, esto es lo que se recoge en Think with Google, 2016, Data Gallery.
Eso nos debe llevar a optimizar nuestros sitios Web para los dispositivos móviles.
Pero no solo se trata de adaptarlos a los distintos tipos y tamaños de pantallas existentes; lo que se ha venido denominando «diseño responsive». Es necesario también ofrecer a nuestros visitantes lo que Google llama «una buena experiencia de usuario». El sitio Web en móviles tiene que ser no solamente rápido, sino también usable.
Todo ello es lo que podemos denominar «Mobile friendly», pensando así mismo que Google prioriza para el posicionamiento de una página los factores de rapidez y usabilidad de la versión móvil; refiriéndose a todo esto como «Mobile first». Es decir, una versión optimizada para móviles de tu web debe ser tu prioridad.
¿Cómo se puede llegar a ello?
Maneras de optimizar una Web para dispositivos móviles
Hay varias formas de conseguir un buen rendimiento y usabilidad no solo para móviles; sino también (no lo olvides) para la versión de escritorio.
Una es emplear un versión especial adaptada para móviles de tu Web. Para mí esta opción no es recomendable. Tienes que buscar un buen plugin de WordPress que lo implemente; y me gusta ver lo mismo en escritorio que en el móvil ?
Otra es confiar en tu tema (de bloques recomendado) responsive sin más. No hagas esto exclusivamente. Con un theme responsive sin WPO detrás, probablemente no conseguirás la optimización necesaria.
¿Qué es WPO?
WPO son las iniciales en inglés de Web Performance Optimization (optimización del rendmiento web) y entendemos con ello las técnicas que se emplean para hacer más rápida la carga de las páginas web. Optimizando el rendimiento de un sitio web, indirectamente, mejoramos la usabilidad y ello también redunda en hacerlo más sostenible (ecológicamente hablando) al reducir la huella de carbono.
¿Por qué el WPO a la hora de construir un sitio web?
Según todos los estudios, el 40% de los usuarios abandonan un sitio web si tarda más de tres segundos en cargar. Esos usuarios pueden ser suscriptores potenciales de tu newsletter o posibles compradores en tu tienda online. Un bajo nivel de rendimiento se traducirá en pérdida de visitas, suscriptores, clientes, etc. Aproximadamente el 50% de los usuarios esperan que un sitio se cargue en menos de dos segundos.
¿Cómo medir la velocidad de carga?
La velocidad de carga de un sitio web se puede medir con cualquier herramienta online preparada para ello. Por ejemplo, GTmetrix es una buena opción porque contempla no solo la velocidad de carga sino otras métricas como las Core Web Vitals.
¿Qué es el Método Blogpocket?

El Método Blogpocket es un procedimiento sencillo y que usa unas pocas herramientas fáciles de configurar para construir de manera eficiente un sitio web de WordPress optimizado en seguridad, rendimiento (WPO), preparación para el SEO y legalidad (RGPD).
En el Método Blogpocket se trata de construir un sitio web inicial 100% optimizado para que, a medida que se van incorporando nuevos elementos, se pueda medir la posible penalización en cualquier área (seguridad, rendimiento, SEO, legalidad) y llevar a cabo los correspondientes ajustes de mejora.
¿Qué es un sitio web inicial?
Un sitio web inicial es aquél que se obtiene después de instalar WordPress -con un theme de los predeterminados-, y aplicando las medidas de seguridad básicas. El front-end del sitio web así creado corresponde al theme instalado sin ninguna personalización y sin ningún contenido añadido. Partimos de un sitio web “vacío” independiente del proyecto y preparado para diseñarse, a nivel de front-end, con bloques de Gutenberg.
Al sitio web inicial es al que se le aplican las técnicas de WPO del Método Blogpocket para lograr una optimización del 100% de partida.
¿Qué es un “alojamiento de élite” (o verde)?
También nos gusta llamarlo “TOP Hosting” e, incluso, alojamiento verde («ecológico»), porque son servicios de alojamiento web amigables con el medio ambiente. Un hosting de élite es aquél que posee una infraestructura hardware y software enfocada a un alto rendimiento para los sitios web que aloja. Por ejemplo, un sistema propio de almacenamiento en caché eficaz. Los sitios web alojados en un hosting de élite son también seguros y pueden usar herramientas potentes para mejorar el funcionamiento. Un ejemplo sería las copias de seguridad, las actualizaciones automáticas de WordPress, etc. pero el caso más notable es que se proporciona un plugin de WordPress para configurar el sistema propio de almacenamiento en caché y otros parámetros importantes.
Por lo tanto, los alojamientos de élite son más seguros y en ellos se reduce la necesidad de añadir complementos adicionales para optimizar el rendimiento. Normalmente, configurando el plugin asociado al sistema propio de caché es suficiente para alcanzar un 100% de optimización del rendimiento en el sitio web inicial.
En este post se revisa cómo aplicar WPO en un hosting de élite.
Los dos alojamientos de élite que nos gusta emplear en los proyectos de Blogpocket son SiteGround y GreenGeeks.
¿Por qué es importante obtener un sitio web ecológico o sostenible?
En Blogpocket perseguíamos desde hace ya bastante tiempo un sitio Web con páginas de poco tamaño en KBs y un reducido número de peticiones.
¿Por qué?
Simplemente, porque un sitio Web bien codificado de ese tamaño, con una plantilla enfocada al contenido y sin elementos superfluos, permite conseguir dos objetivos importantes (y que lo serán a lo largo de los próximos años): mayor usabilidad (mejor experiencia de usuario para los visitantes); y mayor velocidad de carga.
Pero existe otra razón de peso: en Blogpocket queremos ser solidarios con nuestro planeta y aportar un granito de arena para no empeorar el medio ambiente. Hay una cosa cierta: la Tierra se calienta e Internet consume tanta energia como el equivalente a todo el tráfico aéreo.
Si construimos sitios web de poco tamaño en KBs, la energía necesaria para mostrarlos en pantalla será menor y contribuiremos a salvar el planeta.
La Tierra y nuestros seguidores lo agradecerán y, de paso, probablemente ganaremos visibilidad y más tráfico.
Mide la huella de carbono de tu web
En Blogpocket.com solo se producen 0,39 gr de CO2 cada vez que alguien visita su página home. Eso significa que en un año, con aproximadamente 10.000 páginas vistas casi 47 Kg de CO2, el mismo peso que 0.31 luchadores de sumo y tanto CO2 como agua hirviendo por 6.365 tazas de té. Blogpocket.com emite la cantidad de carbono que absorben 3 árboles en un año y se produce 99 kWh de energía. Eso es suficiente electricidad para conducir un automóvil eléctrico a 633 km.
Todos esos datos los puedes obtener en WebsiteCarbon.com.
¿Qué se optimiza en el front-end?
Las optimizaciones que se deben llevar a cabo en el front-end vienen dadas a partir de los indicadores WPO. Estos son los siguientes:
- Minificar y combinar archivos CSS.
- Minificar, combinar y aplazar archivos Javascript.
- Minificar la salida HTML.
- Optimización de fuentes web.
- Elimina las cadenas de consulta de recursos estáticos.
- Desactivar Emojis.
- Compresión Gzip.
- Especificar la caché del navegador.
¿Cómo se aplica WPO en un alojamiento de élite?

Un alojamiento de élite o “TOP Hosting” se caracteriza por disponer de un sistema propio de almacenamiento en caché. Y, además, se proporciona un plugin, asociado a dicho sistema de caching, con cuya correcta configuración se consigue un alto nivel de optimización del rendimiento.
Téngase en cuenta que esos sistema de caching son aplicaciones complejas, apoyadas en una infraestructura hardware muy eficaz.
Veamos cómo realizar la optimización del rendimiento web WPO en un hosting de élite. Empecemos con SiteGround.
SiteGround
En el caso de SiteGround, el sistema de caching es SuperCacher y consta de tres niveles de caché: estática, dinámica y memcaché. El plugin asociado es SG Optimizer.
En el siguiente vídeo puedes revisar la manera correcta de configurar el plugin SG Optimizer y la aplicación de este método para optimizar al 100% un sitio inicial de WordPress en SiteGround.
Descarga el PDF con la configuración adecuada del plugin SG Optimizer de SiteGround:

GreenGeeks
En GreenGeeks, el sistema es LiteSpeed y el plugin asociado se llama LiteSpeed Cache.
En el siguiente vídeo puedes revisar la manera correcta de configurar el plugin LiteSpeed Cache y la aplicación de este método para optimizar al 100% un sitio inicial de WordPress en GreenGeeks.
Descarga el PDF con la configuración adecuada del plugin LiteSpeed Cache en GreenGeeks:

Para mas información sobre la creación de un sitio web en GreenGeeks, te remito al curso de Configuración de un sitio web en GreenGeeks.
Tanto en SiteGround como en GreenGeeks, solo hay que configurar el plugin asociado al sistema de almacenamiento en caché, una vez creado el sitio web inicial, para conseguir un 100% de optimización del rendimiento.
HTML válido
Tener el código HTML válido es una garantía de que no existen errores que puedan provocar problemas. Asegúrate de que no haya errores evidentes, aunque muchas veces hay errores que no se pueden evitar por pertenecer el código a herramientas o plugins externos.
- Servicio de validación de marcado : puedes ejecutar una URL, un archivo o copiar/pegar código a través del verificador.
Más información sobre WPO
Puedes encontrar una revisión general de la optimización del rendimiento WPO según el Método Blogpocket en: Cómo acelerar WordPress y optimizar el rendimiento en 2022 y hacer que tu sitio web cargue más rápido en móviles y ordenador – Con el método Blogpocket.
Conclusiones
Optimizar el rendimiento web (WPO) de un sitio web de WordPress es muy fácil si el hosting es de los que llamamos «de élite», del estilo de SiteGround o GreenGeeks.
En este artículo hemos visto de manera práctica con sus respectivos videotutoriales cómo aplicar WPO en un hosting de élite.
Deja una respuesta