La eficiencia es fundamental en el nuevo posicionamiento web

Al principio de un proyecto como el de alugha, teníamos muchas prioridades, pero la eficiencia no era una de ellas. Sin embargo, en la era del software malicioso de Google y sus directrices, se ha convertido en una necesidad, por lo que decidimos mejorar la eficiencia de nuestra página.

Read this article in: Deutsch, English, Español, Português, Türkçe, Русский, العربية, हिन्दी

Estimated reading time:3minutes

Hace un año decidimos romper el molde con alugha en términos de tecnología y desarrollo y realizamos muchos cambios en el entorno. No fue por aburrimiento, sinó que sabíamos que teníamos que integrar más características en alugha para que fuera más fácil de usar. Y ahora, ¿qué más podemos hacer? ¿«Gastar» tiempo en restablecer u ofrecer nuevas características? Hay quienes se centran en ofrecer nuevas características, pero descuidan la situación actual, aunque desde el punto de vista empresarial puede tratarse de un acierto. No obstante, si quieres estar preparado para el futuro en cuanto a prestaciones, características y competencia… necesitarás empezar por lo básico, el código.

No hace mucho, Google anunció cambios significativos en su algoritmo de búsqueda. Por un lado, esto afecta a la eficiencia de las páginas web en general y, por el otro, afecta a la preferencia del móvil. En general, es una idea muy buena, ya que la mayoría del tiempo que pasamos en Internet lo hacemos con móviles o tabletas, así que desde este punto de vista ¡muy bien, Google! Sin embargo, es muy molesto darse cuenta de que Google sancionará a los que no cumplan los parámetros y no ofrezcan las herramientas para medirlo, a pesar de que ellos mismos no sean los mejores en estas áreas. De todas formas, Google es lo suficientemente grande como para resolver sus problemas de inmediato, —entiéndase esto como una nota al margen para el futuro (como es sabido, Google nunca se olvida de nada;) ).

Después de reconstruir el reproductor por completo y de no utilizar Polymer (Google Framework), que mejoró mucho la eficiencia, empezamos a trabajar en la reconstrucción de nuestra página web. Cabe destacar que aún estamos en medio de la reconstrucción y (desafortunadamente) aún usamos Angular en algunas páginas. El cambio a nuevas herramientas de desarrollo y React ha tenido una gran repercusión. No se trató de adaptar el código de forma puntual, no: :(. borrar todo, crear una nueva página, tener nuevas ideas, adquirir experiencia, aprender mucho y, por ello, hacer las cosas bien desde el principio… ¡ese fue el lema! Ahora, nuestra Página Única de Vídeo (SVP, por sus siglas en inglés), la búsqueda y otras muchas páginas ya están en React, por lo que el aumento de eficiencia se hace solo.

De momento, Google presenta dos tipos de pruebas pertinentes. Una de ellas ya hace años que se conoce, es PageSpeed. Para la prueba utilizamos la página que prioriza al vídeo (básicamente su SVP) y comparamos DailyMotion, Twitch, Vimeo, YouTube y alugha. 

Pagespeed

Todos los valores por debajo del 80 % están destacados en amarillo y señalan que es necesario tomar medidas en esta materia. Un 50 % está marcado en rojo, con lo que Google básicamente dice: «Holaaaaaa, McFly… ¿alguien en casa? Mejor que hagas los deberes ya y soluciones los problemas».

LightHouse

Hace poco (desde el 1-octubre-2017) Google proporcionó una nueva herramienta apasionante: LightHouse, que está en las DevTools y en Audits del navegador Chrome.

Actualmente, LightHouse aún está en fase beta y únicamente está disponible para el navegador de escritorio, por lo que no toda la información es correcta. Esto es especialmente relevante, ya que dicha prueba se realiza solamente en la página web móvil. Por ejemplo, nuestros vídeos se reproducen automáticamente, aunque solamente si visitas alugha desde un navegador de escritorio —en la prueba se reproducen automáticamente y tienen un resultado negativo. En realidad, no se trata de un problema de eficiencia, ya que los vídeos deben visualizarse manualmente en dispositivos móviles. Damos por sentado que Google mejorará este aspecto en un futuro y, para que sea posible, ya se lo hemos solicitado.

Como se puede ver en el gráfico, estamos en una MUY buena posición en comparación al resto y somos los que obtenemos mejores resultados en casi todas las pruebas. Tan pronto como acabemos la reconstrucción en React, todas las páginas en alugha serán muy rápidas y podremos concentrarnos en otros aspectos e integrar nuevas funcionalidades que os encantarán.

#REACT

#ANGULAR

#PAGESPEED

#SEO

#PERFORMANCE

#JS

More articles by this producer

Videos by this producer

Replace High-G with Lower-G String for Ukulele test

I often read about the different sound when you replace the high-g-string with a low-g... So :) I thought to give it a try, and what can I say? WOW! So I bought the Low-G String for my Ukulele on Amazon from Aquila and I have to admit... I am EXCITED! Now I have my Tenor Ukulele with the High-G and

iPhone 15 Pro Max Videotest

Short test with my new iPhone 15 Pro Max to see how the camera works. No real settings done. Unboxed, started and then a test video.. So I was (and still) not familiar with the camera and its options. But I have to admit, I like the result!