Cómo usamos GDPR como una oportunidad para acelerar nuestros sitios web

Desde que lanzamos nuestro nuevo sitio web basado en WordPress el año pasado, hemos experimentado, extendido, agregado y eliminados funciones. Muchos de estos se basaron en JavaScript y agregaron bastante carga a nuestro sitio. Con GDPR inmediatamente a la vuelta de la esquina, decidimos fortalecer y seleccionar menos servicios para ver los visitantes del sitio y para mejorar la velocidad de nuestros sitios en un solo movimiento.
Entonces … GDPR en realidad ofrece una excelente oportunidad para reconsiderar el uso del seguimiento de los visitantes en su sitio. ¿Realmente evalúa los datos recopilados y actúa en consecuencia o es solo para calmar la conciencia? Sus visitantes podrían estar satisfechos con un sitio web más rápido y limpio que no los sigue.
– BEGO Mario Garde (@Pixolin) 6 de abril de 2018
No podríamos estar de acuerdo con este tweet. La lógica es obvia, el mejor control de información y menos scripts es algo bueno, así que decidimos hacer lo que predicamos y eliminamos el peso y los experimentos en nuestros propios sitios web. El aumento del rendimiento para el servicio público internacional. No se lanzó en julio de 2017 y lo amplié con servbelt.com en noviembre y servabt.se a principios de 2018. El año pasado, el 15% del tráfico de nuestro sitio web fue internacional, el resto era de Noruega. En marzo, el tráfico internacional representaba más del 66%, porque los nuevos sitios atraían más tráfico y nuevos clientes cada semana.
En las últimas semanas, nuestro tráfico total casi se ha duplicado debido a un fuerte crecimiento de nuevos clientes y lectores de blogs. Nuestros artículos populares tienen una audiencia internacional y, hasta este fin de semana, todos han sido transmitidos directamente desde nuestro Centro de datos de Oslo, Noruega. No utilizamos un CDN para nuestros propios sitios por la simple razón de que hasta hace poco no daríamos a nuestros visitantes beneficios al rendimiento, porque la mayoría de ellos estaban más cerca o tan cerca de nuestro servidor que los nudos CDN. Con los cambios recientes en los modelos de tráfico, la transición de Escandinavia y el norte de Europa al tráfico global, hubo varias razones para mejorar el rendimiento de nuestros sitios para el público global. Hemos identificado algunas cosas que serían bastante fáciles de remediar; nuestras solicitudes de DNS para servolt.com fueron registradas con diferentes tiempos de respuesta. Nuestro proveedor de DNS tenía tres servidores en diferentes ubicaciones y sin enrutamiento de tráfico SMART DNS. Esto condujo a un tiempo de búsqueda DNS que varió aleatoriamente.
Tenemos contenido de transmisión de varios campos propios para vistas de una página. Esto agregó búsquedas DNS adicionales para cada visitante.
El acceso a larga distancia se desempeñaba mal y condenaba a ser más lento de lo necesario, porque no usaba ningún CDN.
Decidí que la Easter es un buen momento para cambiar el proveedor de DNS y agregar CDN Cloud, con RailGun.
Recopilando datos de rendimiento de los visitantes de nuestro sitio siempre hemos tenido un monitoreo básico de sus propios sitios, pero nunca hemos estado siguiendo el ron (monitoreo real del usuario). Utilizamos Google Analytics para rastrear las visitas al sitio, pero los datos de velocidad de Google Analytics solo requieren el 1% del tráfico de forma predeterminada, lo que hace que los informes de velocidad sean muy aleatorios y difíciles de usar, ya que hay muy pocos datos si intenta filtrar datos. por ubicación, navegadores o similares. Pensamos en agregar la búsqueda de Pingdom Rum, pero decidimos que es una buena idea no agregar más scripts a nuestro sitio. Después de todo, el proceso se desencadenó por el deseo de reducir el uso de scripts externos y aumentar el rendimiento general. Por lo tanto, decidimos ir con las características de los scripts que ya teníamos en vigor, a saber, Google Analytics. Para que Google Analytics aumente la tasa de valor de rendimiento de velocidad, deberá agregar “setSiteSpesplate” a un número entre 1 y 100. El número representa el porcentaje de solicitudes que se muestrean. Hemos establecido este valor en 100, de modo que a todos los visitantes seguidos por Google Analytics proporcionarán una muestra de rendimiento. Además, monitoreamos algunos de nuestros sitios con Pingdom. Pingdom tiene una relación de “velocidad de página” que se ejecuta cada media hora y se puede ejecutar desde diferentes regiones del mundo. Nuestro objetivo principal era mejorar el rendimiento para los visitantes en los EE. UU., Por lo que agregamos informes sobre la velocidad de las páginas que se extienden tanto desde la costa oeste como en la costa este.
Optimización de sus propios sitios web para el rendimiento El problema más común con el rendimiento del sitio web es Tors Tors Byte (TTFB). Un alto TTFB generalmente es causado por el rendimiento lento del servidor o puede ser causada por una alta latencia de la conexión de red del cliente cliente. Todas nuestras páginas generalmente tienen un rendimiento de perturbación de menos de 250 ms, pero el tiempo de respuesta aumenta con la distancia física y, por lo tanto, cambia cuando el cliente se encuentra lejos de nuestra ubicación de alojamiento. Los CDN agregan latencia a su contenido dinámico Cuando coloque un CDN frente a su sitio web, agregará latencia a su contenido dinámico. El acceso directo al servidor de origen es más rápido que el enrutamiento del tráfico a través de un CDN. El CDN mejorará el rendimiento de los elementos que se pueden almacenar en caché, pero se deberá tomar una página dinámica del servidor de origen, independientemente de la situación.
Sin embargo, la tecnología RailGun de CloudFlare puede reducir la latencia agregada de manera bastante efectiva. No mejora el TTFB más allá de la latencia básica que tiene para su servidor, pero optimizará la latencia adicional. Para el tráfico de larga distancia, el impacto en el cañón de ferrocarril puede ahorrar varios ida y vuelta al servidor de origen, mejorando la velocidad para las demandas posteriores. Noté una reducción en la latencia de más de un segundo, medida desde los lugares más distantes de la Tierra. Deshazte de experimentos y soluciones convenientes JavaScripts son la mayor fuente de latencia en los sitios web. Todos los proveedores de servicios en línea desean colocar un script en su sitio web. Google, Facebook, LinkedIn, AdWords, Label Manager, y su nombre. Teníamos nuestra propia combinación de servicios que probamos y usamos durante un cierto período de tiempo y servicios que acabamos de agregar de la comodidad. Por lo general. Por lo general, hay formas mejores y más específicas de lograr los mismos objetivos que le ofrecen estos scripts. Decidimos matar a muchos de ellos y fortalecer todo en algunos servicios e implementar scripts con mayor precisión que agregar a todas nuestras páginas. Nuestra lista de herramientas antes de comenzar:
Google Tag Manager: herramienta para agregar fácilmente las escrituras
Google Analytics-Watch Visitantes de su sitio web

Seguimiento de conversión de AdWords: siga las conversiones de Adwords
Mautic: siga los datos de marketing y proporcione formularios
TapFilied: conversiones de seguimiento en la red afiliada
Crisp – Widget de chat
HubSpot – Mira los datos de marketing
Pixel para rastrear anuncios de LinkedIn
Pixel Tracking Facebook
¡Rojo! En los últimos seis meses, hemos agregado todos estos scripts a nuestros sitios y hemos disminuido la velocidad. Nos gusta hacer prototipos y probar, pero los experimentos deben limpiarse de vez en cuando. Siempre les decimos a nuestros clientes que agregan guiones a su sitio cuidadosamente, pero esta vez, obviamente, no seguimos nuestro propio consejo. Algunos de ellos no eran esenciales y decidimos deshacernos de la mayoría, fortaleciendo la funcionalidad en menos alternativa scripts e implementaciones. Tuvimos que restaurar los formularios que usamos en nuestro sitio web, pero los movimos de Mautic a WordPress. Además, Google Tag Manager y LinkedIn se eliminaron de manera efectiva, y el seguimiento de Facebook se ha reducido solo por unas pocas páginas. Una gran ganancia para GDPR, mejor confidencialidad para los visitantes de nuestro sitio y mejor control sobre los datos del usuario. Hacer cómo predica sirve: arreglar todos los errores es sorprendente cuántas personas creen que las computadoras tienen un poder de cálculo infinito. Está léjos de la verdad. No es válido para servidores y no para navegadores en dispositivos modernos. Los servidores no se han vuelto significativamente más rápido en los últimos 10 años. Los dispositivos que usamos ahora (teléfonos móviles) se vuelven más rápidos de lo que eran en un punto, pero aún son mucho más lentos que una computadora portátil normal.
En nuestra opinión, cada programador o desarrollador front-end con poco respeto por su propia profesión debería pasar más tiempo para convertirse en un mejor programador. Los errores y la sobrecarga de recursos son lo que hace que Internet se ralentice. Las computadoras son rápidas, pero con el uso loco de las bibliotecas, complementos y extensiones de hoy en día, las cosas pueden salir de control fácilmente. El último día me reí en la oficina, cuando uno de los niños encontró una aplicación que atrae a 250 MB de bibliotecas externas para decir “buen mundo”. Los errores PHP tienen rutinas bastante buenas cuando se trata del desarrollo de PHP y las pruebas continuas de nuestros propios sitios, por lo que nuestro sitio de Errorogs está en gran medida vacío. Para la mayoría de los desarrolladores de sitios web, este sería un lugar maravilloso para comenzar. El principio es que cualquier error causará latencia adicional y que el impacto en el rendimiento de notificaciones, advertencias y errores de PHP se subestima por completo. Podemos garantizar un rendimiento más rápido si corrige todos estos errores en sus errores y, como un bono adicional, su sitio funcionará mejor para los visitantes. Errore HTML, CSS y JS para corregir errores front-end, como HTML, pueden parecer extraños para las personas. Muchos temas vienen con errores de la caja, y las personas tienden a descuidarlos. El mismo principio es válido para este tipo de errores, cualquier error o excepción consumirá la potencia de procesamiento, lo que ralentizará su sitio. Esto es especialmente cierto para los dispositivos móviles.
Usando el servicio de validación de marca W3C, podríamos identificar fácilmente muchos errores en sus propias páginas y escapamos de unas 46 advertencias y errores en la portada. El resultado después de su remedio fue la representación y la visualización más rápida de nuestra página. También eliminamos una gran cantidad de CSS y JS que ya no se usaron y tomamos algunas notas sobre el código ineficiente que nos gustaría restaurar y mejorar en algún momento. Analizando la cascada, ya había remediado la actuación más débil en la cascada, los escenarios. Pero encontré algunos elementos más que reducen el rendimiento. Redirige errores, solicitudes que fueron a http: // en lugar de https: //-sin producir errores visuales, pero agregar carreteras de ida y vuelta adicionales. Esto puede parecer insignificante, pero cada uno de estos elementos requirió al menos un viaje de ida y vuelta adicional debido a la redirección. Escapé 6 de 8 redirecciones, estas últimas fueron causadas por las Escrituras de Google. También encontramos algunos archivos que se han transmitido desde un dominio multilingüe incorrecto (ServBolt.No en lugar de serverbolt.com). Esto agregó una búsqueda de DNS inútil a la página. Resultados: reduciendo el tiempo de carga de la página a 1 segundo, el 25% del punto donde comencé, agregué el seguimiento solo un día antes del CDN, pero, como puede ver en el gráfico, hubo una ligera disminución en la página de tiempo Carga entre el 1 y el 2 de abril. El 6/7 de abril, eliminamos el primer lote de guiones no utilizados de nuestro sitio.
Esto casi redujo el tiempo de carga de la página de casi 4 segundos a menos de 2. Es muy divertido ver mejoras medibles, por lo que continuamos trabajando. Elimine múltiples scripts, corrija muchos errores frontales. El siguiente gráfico se produce a partir de una prueba de servabelt.com en el este de los Estados Unidos. Antes de comenzar, el tiempo de carga de la página era de entre 4 y 5 segundos en total, ahora terminó en aproximadamente 1 segundo. Conciencia nuestra misión era simple, para que nuestros sitios públicos sirvan más rápido y más atento a la confidencialidad para todos.
Si tiene tráfico global en el sitio, use un CDN de optimización TTFB (como RailGun de Cloudflare)
Elimine tantos scripts como sea posible de su sitio web. Le hará drenar menos datos sobre sus visitantes y mejorar su rendimiento para ellos.
Corrige errores: el impacto de los errores es mucho mayor de lo que piensas
Implemente la funcionalidad que ha decidido usar en PHP o en las páginas específicas que la necesitan.

¿Has probado estos consejos y todavía tienes un sitio lento? Vea nuestro alojamiento de alto rendimiento para WordPress. Garantizamos que acelerará significativamente su sitio e incluso le daremos una prueba gratuita solo para mostrarle qué tan rápido puede ser su sitio con nosotros.