Семён Кроков
Так бэкенд создан для формирования и управления фронтом. А архитектура работы с такими универсальными шаблонами (бустрап CSS по 150 Кб, JS библиотеки, и тп.), это не бэкенд с его архитектурой "по умолчанию" для управления фронтом?
Т.е. например, WordPress весь такой "невиноватый" бэкенд, но сайты на нём тормозят? А кто же виноват?
"...На быстрых сайтах дизайн минималистичен..."
А... Дизайн виноват. Ну как обычно...
А вот вам чистый "во всём виноватый" фронт, с не минималистичным дизайном и анимацией - https://ventilyatsiya.su который спокойно проходит Page Speed Insights на 100%...
"...На быстрых сайтах дизайн минималистичен..."
И такие сайты проигрывают "поведенческие" алгоритмы поисковиков. Аудитория - она же не считает дизайн "плохим". Дольше задерживается на сайтах с дизайном и анимацией, и чаще переходит по ссылкам в презентационных анимациях первого окна. А как ещё в первом окне охватить больше факторов привлечения внимания и позиционирования в первом окне? Заставить пользователя "самому всё найти" и в тексте?
Странно, что столько вопросов в комментариях.
...на чем сайты делать? ...
Откуда берётся проблема в Page Speed Insights у всяких Bitrix, WordPress, Tilda, Wix, OpenCart и остальными "универсальными" CMS и конструкторами?
И почему именно они виноваты (если брать обычный по скорости хостинг), даже если вы включили кэш? (а на Tilda, Wix хрен вы что нормально "включите").
Да хоть вообще без обращений к БД в момент загрузки... Всё равно не проходит нормально тесты.
Первые сессии загрузки не бесконечны и в них первым делом сами "движки" и "конструкторы" ставят в первых сессиях то, без чего не показать страницы:
1) сотни килобайт CSS "мобильно оптимизированного на все случаи жизни" кода (мыжеж шаблоно-бустрапные).
2) Затем туда же в первые сессии загрузки - сотни килобайт JS библиотек (jquery наше всё, не писать же отдельные оптимизированные скрипты под каждый сайт?).
3) Затем туда же в первые сессии загрузки библиотек шрифтов, и библиотек SVG иконок (типа "облегчили" дизайн).
4) И до кучи ещё отдельными файлами JS для "интерактивных украшалок", калькуляторов, мессенджеров, счетчиков, всяких дополнений от плагинов...
И всё это где? А в head... (в голову насуём, ага)...
Да хоть голый HTML весь закэшированый одной страницей выдавай, всё из "головы" раньше должно войти в сессию, чтоб отображать этот самый HTML, забирая время загрузки и отображения.
И вот от этого такие показатели скоростей...
И что вы найдёте в интернетах из советов по оптимизации скорости сайта в этой ситуации?
https://vc.ru/seo/165551-optimizaciya-skorosti-zagruzki-sayta-ili-pochemu-ne-stoit-gnatsya-za-ciframi
1) первое, что порекомендуют - поменяйте ХОСТИНГ на очень быстрый (ага Tilda, Wix тоже поменять?).
2) Давайте "зарежем в ноль" всю графику (анимацию, картинки, слайдеры первого экрана)... Ага... и потеряем "поведенческое" на сайте, позиционирование и "вовлечение". Подарим лояльность посетителей другим сайтам с нормальным дизайном...
3) Уберём всё в подвал... Ну всё не уберёшь (если в CSS сотни КБ "мобильно-ориентированного" бустрапа), да и сама загрузка не исчезнет. Но "движок" то этого делать сам не будет (а Tilda и Wix тем более).
Ну да... остаётся идти на "front" в "рукопашную"
и ручками оптимизировать и писать CSS и JS по конкретный сайт... Или кастрировать движки, но то же "в рукопашную". Многие смогут это при ценнике сайта на WordPress?
А попробуйте захватить "поведенческое пользователей" в поисковых системах своим уродливым "кастрированным" под скорость сайтом на WordPress
против такого сайта https://ventilyatsiya.su (где Page Speed Insights 100% и с графикой и CSS анимацией !!!)
В результате, весь интернет завален "мнениями", что это всё фигня - вон в ТОПе тормозные сайты живут и не падают...
Но тут пришёл злой Google Core Web Vitals 2021 и... появились вот такие тесты.
А почему?
Живой кейс:
В конкурентной тематике я ставлю молодой сайт клиента (тест Page Speed Insights 97%, всего 130 страниц, производитель) против ТОП литера спроса 14 летнего "старика" с 2000 страниц (SEO оптимизация, собственный контент, собственные фото, видео, производитель) и 700 доменов ссылок... Но Page Speed Insights 46%.
И через год - по схожему ассортименту два сайта рядом в ТОПе в выдаче Google...
Такого раньше быть не могло, но сейчас 2021...
Как статья, про ЗОЖ , так всегда начинают про еду (здоровое питание). А если брать влияние на здоровье по скорости обменных процессов в организме, то вода (то что мы пьём) имеет на много большее влияние, если в ней содержаться вредные примеси. Так как она участвует в множестве обменных процессов в организме (скорость обмена веществ) и является основным растворителем и переносчиком.
Но ещё более быстрый обменный процесс в организме - дыхание. Он во много раз более скоротечный (например - угарный газ CO убивает за минуты). А в среде ЗОЖ готовы месяцами читать про диеты и вегетарианство, но забывают открыть форточку и гробят здоровье собственным углекислым газом, выдыхаемом своим организмом и накопленным в комнате! А форточку не открывают потому, что там злой вредный городской смог. А углекислый газ, накопленный, в домашнем воздухе - он же свой, родной...
https://ventilyatsiya.su/kak-povysit-prodolzhitelnost-zhizni.htm
Проблемы с влиянием на здоровье определяются по скорости этого влияния (скорости участия в обмене веществ). У большинства населения в городах закисленный PH крови после зимы из-за просиживания месяцами в квартирах с закрытыми окнами (постоянное превышение СО2 в воздухе). А будут говорить, что сосудистые заболевания - только от холестерина...
Первое по значению на продолжительность жизни - то, чем мы дышим. Втрое по значению - то что мы пьём, И только третье по значению - то, что мы едим. Но во всех ЗОЖ статьях только про диеты...
А потом придёт злой Google и выкатит новые требования к ранжированию сайтов в 2021 году...
https://vc.ru/dev/212614-google-pagespeed-insights-2021
и понизит все медленные сайты на вордпрессе (так любимом самостоятельными)...
А кто-то прочитает тут "секретов" и месяцами вкладывает все SEO навыки в продвижение сайтов на Тильде с 10-20% прохождением Google PageSpeed Insights...
А потом начнут удалять "вредную" и "тормозящую" скорость загрузки графику на сайте, порежут дизайн и получат рост поведенческих "отказов", снизив поведенческий...
Вот так, как этот сайт
http://www.finest.ru/kompleksnaya-podderzhka-soprovozhdenie-sayta.htm
(с таким количеством графики) проходит Google PageSpeed Insights на 100% (как пример, что картинки не основной фактор оптимизации для продвижения).
Почему SEO не для дизайнеров? Вот 80% SEO ориентированных web-devов берут WP и поставят стандартный слайдер картинок в шапку первой страницы - и будет "дизайн"... Но успешно пройти Google PageSpeed Insights такой сайт на WP не сможет. И тогда те самые оптимизаторы первое, что порежут - картинки (уничтожат дизайн). А дело как раз в WP с кучей обращений к базе и подгрузкой скриптов.
Вот пример https://meshki77.ru - мне дали на рост, в начале сайт был на WP и тест первой страницы (с таким же слайдером, но в WP) Google PageSpeed Insights проходил с 55% (моб) и 61% (комп) и это без счётчиков.
Потом дизайнер её собрал сам, без WP, без jquery библиотек, на инклюдах... И красивее, чем было в шаблонах... И бац - 95%(моб) 100%(комп) и это ещё с включёнными Метрикой и Analytics. И теперь первая страница в Я по запросу "мешки".
Так что статья для всех и с SEO и нужно начинать проекты.
Если про дизайн, то нужно смотреть в сравнении технологий. Вот пример - www.finest.ru
Это последний (из действующих) сайтов с применением красивой Flash анимации. Но там уже современное сочетание технологий - нет плагина в браузере - и будет простой HTML5 показан.
А это редкий сайт, где ещё можно хотя бы посмотреть, как было раньше. Таким интернет был лет 10 назад - у дизайнеров было на много больше возможностей чем сейчас.
Э нет! В начале нулевых была полная свобода в интернете. А чиновники даже компьютерами пользоваться не умели... Это было прекрасное время