Производительность – новое слово в SEO

Около года назад мы приняли решение сменить тактику и искать новые пути развития. С того момента мы уже много добились. Мы пришли к этому, не потому что нам было скучно и нечем заняться. Это было вполне осознанным и взвешенным решением: мы поняли, что хотим сделать alugha еще лучше. Так что же именно сделать? Потратить время на то, чтобы переделать старые функции или лучше сразу создать новые? Некоторые предпочитают постоянно разрабатывать новые функции, забывая о том, что уже создано. С коммерческой точки зрения такой подход тоже имеет право на существование. Но если в будущем вы хотите быть во всеоружии в вопросах производительности, функциональности и конкурентоспособности, мы советуем копнуть поглубже и начать с самых основ - с кода…

Недавно Google сделал заявление, что в их в поисковой алгоритм будут внесены некоторые важные изменения. С одной стороны речь пойдет о скорости веб-сайта в целом, а с другой о концепции “Mobile First”. В целом, это очень хорошая идея, ведь в основном мы пользуемся смартфон или планшетом. С этой точки зрения Google молодцы! Но есть и неприятные моменты, например, когда Google накладывает санкции на ваш ресурс, потому что вы не придерживались определенных параметров. Google предоставляют инструменты для проверки скорости загрузки страниц сайта, хотя сами не являются экспертами в этой теме. Конечно, Google в состоянии самостоятельно решить свои проблемы, и наше мнение - это лишь взгляд со стороны (ведь всем известно, что Google ничего не забывает ;-)).

После того, как мы полностью переделали плеер и отошли от фреймворка Polymer от Google, нам удалось немного улучшить производительность, началось преобразование сайта. Но здесь уже было сказано, что мы все еще на пол-пути, и некоторые страницы, к сожалению, по-прежнему работают на Angular. Все это подразумевает переход на новые инструменты разработки и React JS. При этом речь шла не о частичной адаптации кода, о нет :( Все удалить, создать новый сайт, начать с чистого листа. Идея есть, опыт тоже, мы многому научились, а значит все получится! Это и было нашим девизом. Теперь SingleVideoPage (SVP), поиск и различные страницы работают на React, а значит все стало быстрее!

На сегодня существуют два актуальных теста, предоставляемые Google. Один из них многим уже много лет знаком под названием PageSpeed. Мы протестировали несколько сайтов, специализирующихся на проигрывании видеороликов (т.е. практически их SVP), и сравнили результаты DailyMotion, Twitch, Vimeo, YouTube и alugha.

Pagespeed

Все значения до 80% в тестах PageSpeed отмечены желтым цветом и указывают на отставание в производительности. Если показатели находятся в пределах 50%, они будут выделены красным. В этом случае Google как бы говорит разработчикам: «Алё, алё! Есть кто дома? Думай, Макфлай! Быстро делай домашнее задание и решай проблему!»

LightHouse

Совсем недавно, на конференции Google I/O 2017 был представлен еще один любопытный инструмент: LightHouse. LightHouse можно открыть прямо в браузере GoogleChrome в инструментах разработчика в разделе Audits.

В настоящий момент LightHouse находится в стадии бета-тестирования и доступен только в десктопной версии браузера. Пока что не все данные теста точны. Это особенно важно в контексте того, что данные тесты направлены исключительно на мобильные версии сайтов. Например, в наших видео есть функция Autoplay, доступная на сайте alugha только с десктопной версии браузера, в связи с чем тест дает им негативную оценку. В реальности данная функция не вызывает никаких проблем с производительностью, так как видео запускаются только вручную. Мы надеемся, что в будущем Google исправит подобные недочеты. Со своей стороны, мы уже направили соответствующий запрос.

Как видно на обоих графиках, мы занимаем очень хорошую позицию по сравнению с другими сайтами и занимаем первое место практически во всех тестах. Как только мы завершим переход на React, все страницы на alugha будут работать так же быстро, и мы сможем отправиться к новым горизонтам и создавать для вас новые классные функции!

#REACT

#ANGULAR

#PAGESPEED

#SEO

#ПРОИЗВОДИТЕЛЬНОСТЬ

#JS