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

Steve Blank: encuentra y define tu propuesta de valor

El aporte de valor de una startup se puede ver de diferentes maneras. Las ventajas tecnológicas o relevantes para el mercado son igual de valiosas. Existen muchas opciones para posicionarse, pero lo relevante es que definas y desarrolles una propuesta de valor que sea válida para ti y que la ofrezca

Videos by this producer

Delete corrupt auto fill data in Chrome and EDGE on macOS

I decided a few days ago to switch from Firefox to the EDGE from Microsoft completely after I have extensively tested it for three months. Unfortunately my entire AutoFill data has been completely destroyed. I could not find a way to delete them. Even deleting the browser data did not really help me

The McDonald's Big Vegan TS in a short review

I took the chance on the 29th of April and have been to McDonald's for the first time since ages to try Vegan TS.. And or course as usual McDonald's should give the Oscar to their food photographer or send a very bad letter to their emplpoyees. The paddy itself is good and well done. Not as good as