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

Если вы работаете над таким проектом, как alugha, то это естественно, что сначала у вас будет большой список приоритетов, в которые не входит производительность. А зря! Настали времена господства вездесущего Google – паука во всемирной паутине. И, учитывая его высокие требования к сайтам, тема производительности становится крайне важной. Поэтому мы и решили поколдовать над производительностью alug

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

Estimated reading time:3minutes

Около года назад мы приняли решение сменить тактику и искать новые пути развития. С того момента мы уже много добились. Мы пришли к этому, не потому что нам было скучно и нечем заняться. Это было вполне осознанным и взвешенным решением: мы поняли, что хотим сделать 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

More articles by this producer

Steve Blank - written a lot, learned even more

I started working on my own when I was 14 and learned a lot since then. Made many mistakes, had doubts, got frustrated, was happy, did party, was sad, angry, disillusioned. The awesome Steve Blank video series helped me to sort my vision and myself. I didn't write for you, I did it for me... and you

Steve Blank - Find and define your value contribution

The value contribution of a start-up can be seen in different ways. Technological or market-relevant advantages are equally valuable. There are many options for positioning yourself. The only relevant thing is that you define and develop the right value proposition for yourself and offer it to your

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