El objetivo de este sitio es saber cómo funcionan determinados aspectos de Internet que afectan al SEO (Search Engine Optimization), WPO (Web Performance Optimization) y en general a los sitios Web desde el punto de mejorar su rendimiento. Es una Guía WPO y no plantea sentar cátedra.
Para aquellos no técnicos, se busca que se conozcan o suenen los conceptos, pero no aprenderse todo sobre ellos. Simplemente que a la hora de lanzar un sitio web se tengan en cuenta la mayoría de ellos para hacerlo de la manera óptima posible.
Esta versión dispone de un 80% actualizado o nuevo con respecto a la Guía WPO (descarga gratuita en PDF) lanzada en 2011, en la que la mayoría de tecnologías actuales no existían.
IMPORTANTE: Este documento tiene elementos técnicos que se van a usar a modo principalmente informativo. Si no eres desarrollador web o administrador de sistemas, no deberías hacer cambios en tu sitio sin hacer copias de seguridad previamente. Lo que se indica en este documento son guías, por lo que pueden no ser óptimas para tu sitio web en concreto y no me puedo responsabilizar de su uso o tu interpretación.
NOTA: Este documento está revisado con fecha de enero de 2020.
NOTA: Este material se encuentra bajo licencia EUPL v1.2. Puedes usarlo para su distruibución y crear tu propio contenido, pero siempre cumpliendo la licencia. En caso de no mencionar el material, o crear material derivado sin cumplir la licencia, se procederá a tomar las medidas necesarias.
Temario
- Internet es Tecnología
- Por qué aplicar WPO
- Algunos datos sobre WPO
- ¿Cuánto sabes de Internet?
- Qué es el Web Performance Optimization
- Por dónde empezar
- El dominio
- Las DNS
- La versión de HTTP
- La versión de TLS
- El servidor Web
- El software y versiones
- Protección y Alta Disponibilidad
- Qué significa que un sitio web sea rápido
- Cómo medir
- Haciendo un primer análisis
- Usar HTTP/2.0 o HTTP/3.0
- Optimización de las DNS
- Sistemas de compresión
- Prefetch, preload y preconnect
- Código CSS
- Sobrecarga de JavaScript
- Optimización general de JavaScript
- Optimización para jQuery
- Limpiar el código
- Optimización de imágenes
- Optimización dinámica de imágenes
- Codificación de los JPEG
- Codificación de los PNG
- CSS Sprites
- El data URL scheme
- Lazy load
- Carga de Fuentes (tipografía)
- Optimización de vídeos
- Eliminar cookies innecesarias
- Reducir el tamaño de las cookies
- Aplicar las cookies al nivel necesario
- Automatizar la barra “/” al final de la URL
- Uso del Meta-Refresh
- Caché
- Redirecciones acompañadas de tiempo de caché
- CDN – Content Delivery Network
- Dominios sin cookies para estáticos
- Velocidad de la conexión
- Tiempo de Indisponibilidad del sitio
- Estándar
- Herramientas