Bullshit Web — чрезмерное загромождение сайтов десятками скриптов и модулей. Можно ли решить эту проблему?

Question

[explorador]

Веб-разработчик из Канады Ник Хеер несколько дней назад опубликовал собственное эссе, в котором поднимает проблему необдуманного усложнения и нагромождения различных элементов в современных сайтах. Результат - многие из них загружаются при текущих пропускных способностях каналов дольше, чем сайты лет 20 назад, при диалапе.

Разработчики сайтов вовсе не задумываются об оптимизации, и стараются добавить максимальное количество различных элементов и скриптов. Для примера можно взять сайт CNN. Страница со статьей загружалась около 30 секунд по сети с пропускной способностью 50 Мбит/с.

При загрузке получено:

• Более сотни скриптов;
  
• 11 шрифтов;
  
• 20 блоков iFrame;
  
• 29 Ajax-запросов.
  

Оптимизируете ли свои страницы вы и если да, то что делаете?

Answer 1

[snap44]

И так работает большинство "верстальщиков". Зато заказчик 2-3тыщи сэкономил на вёрстке.

Answer 2

[Андрей Федосеев]

Разработчики сайтов вовсе не задумываются об оптимизации

Не увидел по диагонали выборку, поэтому рискну предположить что это не разработчики, а вебмастера, которые обвешивают WordPress кучей bullshit'a.

Comments

[Игорь Воротнёв]

Приведенный в примере CNN.com по вашему пилил какой-то лоховатый веб-мастер на WordPress? :))) Проблема существует. И проблема существует везде, не только среди говнобложиков. Почитайте статью Addy Osmani "The cost of JavaScript" к примеру.

[Андрей Федосеев]

Игорь Воротнёв, да, про CNN уже после увидел, и Османи в хабровском переводе. Я ж не говорю что проблемы нет. Скажу больше, я на своем сельском 3G люто-бешено ненавижу фронтенд в текущем его состоянии ) Эталон булшита это твитер.

Триста метров джаваскрипта
грузят текста триста байт
я элита погроммистов
не какой-то разъ***бай ©

Песня прям манифест фронтэнда )

[Игорь Воротнёв]

По поводу раздутых до ужаса без особой надобности фронтендов я целиком и полностью согласен.

Пример из жизни - мы с коллегой поддерживаем один крупный проект (на WP кстати) уже несколько лет, и там фронт максимально чистый (хотя тех же трекеров клиент напихал много, ну надо им, ничего не поделаешь). Недавно появился у них в конторе новый разраб, которому доручили подправить небольшой калькулятор. Сам калькулятор написан на Vue.js. Чувак, чтобы использовать одну функцию для удобной работы с массивом, подключил _lodash, целиком и полностью. Просто потому что блять сраный фронтенд позволяет делать npm install и не *бать себе мозг что там внутри. Я code review делать захожу в PR, а там вес билда вырос так нехило, сразу в глаза бросилось... Сеть уже трещит от приколов по поводу черных дыр в npm_modules, но многие даже не задумываются об этом.

[Андрей Федосеев]

Игорь Воротнёв, npm это новый wordpress. Что тогда обмазывались jquery-свистоперделками, что сейчас npm модулями. На ваниле громоздко вешать обработчики и неудобно по DOM'у ходить? Прикрутим Вуй! Однажды фронтендер написал пару сниппетов на ваниле для удобства и у него отвалилась жопа.

[Johny Smith]

Игорь Воротнёв, несмотря на то что дыры бывают, их быстро успевают латать, и их в npm не треск, а так, пощёлкивание, не преувеличивайте, но тоже настораживает

[Игорь Воротнёв]

Olek1, я про безопасность ни слова не говорил. Черная дыра - это из астрофизики. Хрень такая, которая весит дохрена, имеет тенденцию к наращиванию массы, и никто не в курсе что там внутри. Папочка npm_modules является черной дырой в полном смысле этого слова.

[Johny Smith]

Игорь Воротнёв, чёрный ящик

Answer 3

[Dimonchik]

все бред

вменяемый СЕОшник быстро растолкует начальству (а оно - прогерам) пагубность игнорирования google site speed

Comments

[Дмитрий Беляев]

Вот только не тратятся люди на СЕО
Вот статейка про Штаты:
https://yandex.ru/turbo?text=https%3A%2F%2Fwww.seo...
в России ситуация не лучше

[Johny Smith]

Дмитрий Беляев,

56% западных вебмастеров не оптимизируют свои сайты под поиск
Основной задачей маркетологов является увеличение продаж и доходов. А «повышение посещаемости сайтов» назвали своей целью лишь 11% опрошенных.

Высокая посещаемость и низкий доход нужны людям с манией величия, пусть лучше посещаемость будет как будет, но доход высокий. Зачем тратить деньги за непонятно что, на какуюто магию сео-шников, лучше потратить на улучшение качества предоставляемых услуг. Полностью с ними согласен.

Вы никогда в жизни не объясните обычному американцу важность SEO, он вам не скажет конечно что вы больной на голову чисто из вежливости, но просто улыбнётся и уйдёт. А вы впаривайте свои услуги по "раскрутке" и дальше в СНГ тем кому денег не жалко на этот вакуум в виде пустого лозунга "россыпь бесплатных клиентов" с никакой конверсией.

Наверное надо глубже объяснить вам ментальность их поведения, чтобы вы примерно поняли как обстоят дела в другом мире, открою вам окно в их мир. Они торгуются за 1 клик по 100-200 долларов, так как не ставят себе никакие блокировщики рекламы. Их идеология вся выстроена вокруг комфорта, это их религия которая заменила им систему употребления палёнки. Когда у вас потекла крыша на даче, вы набираете в гугле "Крыша" и первое что вы увидите их глазами это Ad, в котором будет писаться roofs. Где вы сразу же увидите телефоны и контакты отдела продаж, позвоните и крыша готова.

А у себя в СНГ вы будете как уж на сковородке крутиться, ставить какието фаерволлы, тучи резалок реклам, оно и не удивительно потому что вы находитесь в жадной агрессивной среде, где каждый пытается урвать от вашего тела кусок плоти от голода. Там всё иначе. Другая жизнь, и другое мышление. В СНГ же всё дойдёт до того, что искать придётся по самой низкой цене на какойто десятой странице в выдаче, где вас ещё и в итоге просто "кинут на бабло", после чего обстоятельства вас заставят переделывать всё по новой за свой счёт, заплатив дважды а то и трижды.

Непонятно, как сеошникам удаётся "впарить" свои услуги в странах с примитивнейшими сырьевыми экономикаками, где расходы на еду превышают 60 а то и 80% вместо 2%.

[Дмитрий Беляев]

Olek1, Вот только настоящая SEO оптимизация, это не только про номер строчки в поисковике. Это больше про то, как Вы выглядите в поисковике, сколько полезной информации пользователь увидит не открывая сайт, а так же на сколько эта информация будет соответствовать запросу пользователя. А номер строчки в поисковике покупается у самого поисковика.
А теперь ответьте мне на вопрос: к кому наверняка обратится Ваш абстрактный американский пользователь, ищущий ремонт крыши, к первой строчке, где он видит только ссылку гласящую просто "Крыши", ил ко второй, где по мимо ссылки "Крыши" он видит небольшой перечень услуг, среди которой ремонт, номер телефона, адрес и часы работы? По первой строчке сайт не оптимизирован, пользователю нужно еще открыть сайт, убедится что ремонт входит в их услуги, найти на нем заветный номер телефона и позвонить, скорее всего набрав номер вручную. Это я еще не говорю о том, что скорее всего 1й сайт еще и не адаптивен и грузится очень долго.
А на 2й строчке, ему скорее всего даже не понадобится заходить на сайт, а если и зайдет - загрузка меньше секунды, мобильный вид на мобильнике (а юзер в 70% случаях будет с мобильника), а номер телефона кликабелен для звонка.

[Johny Smith]

Дмитрий Беляев, вы не вывозите тяги:
рис. Взгляните на скриншот main вьюпорта, он даже не увидит ваши "SEO-страдания" для сниппета Google

До вашей органической выдачи он даже не свайпнет. На долю кликов по контекстной рекламе в странах СНГ приходится 25%, в то время как в США этот показатель с точностью да наоборот 75%, нахера ему ваши таблички, тизеры и прочая жуть там "внизу". Вы живёте в параллельной реальности, в совершенно другой.

А на 2й строчке, ему скорее всего даже не понадобится заходить на сайт, а если и зайдет - загрузка меньше секунды, мобильный вид на мобильнике (а юзер в 70% случаях будет с мобильника), а номер телефона кликабелен для звонка.

... вы говорите какуюто дичь

[Дмитрий Беляев]

Olek1, А теперь внимательно посмотрите на первые два объявления, те что рекламные. Как думаете откуда эти данные? Думаете менеджер заполнял для каждой страницы? Нет. Эти данные берутся из микроразметки schema.org
Составление этой разметки - работа SEO-шника, нормального SEO-шника, а не тех, что в веб-студиях работают

[Johny Smith]

Дмитрий Беляев,

Olek1, А теперь внимательно посмотрите на первые два объявления, те что рекламные. Как думаете откуда эти данные? Думаете менеджер заполнял для каждой страницы? Нет. Эти данные берутся из микроразметки schema.org
Составление этой разметки - работа SEO-шника, нормального SEO-шника, а не тех, что в веб-студиях работают

Взглянул, господь с вами, когдато работал с AdWords, так там этот текст не брался ни из какой разметки, вы его составляли в личном кабинете к "рекламной компании" сами, около 70 символов в паре строк

Не говорю вам же что SEO это какоето вселенское зло в прямом смысле этого слова, хотя чаще всего оно так и есть, потому что результат её деятельности невозможно читать человеку, и я лишь намекаю на то, что лучше потратить эти деньги и время на чтото другое, например хотябы на пагинацию строго по RFC, на что угодно другое более полезное, чем на такие вещи, как например будет выглядеть гдето в топе какойто органики очередной лид, только одному роботу понятный в Google

И не нужно стараться увиливать от темы, к чему вы вообще поддержали разговор про СЕО совершенно непонятно. dimonchik2013 вроде как поднял ответ касательно page speed insight в frontend для поисковиков и он сделал это без тэга #sarcasm очевидно же всё. Речь шла в контексте того, что у роботов может стоять какойто таймаут на забор данных краулерами и ранжирования в связи с этим имеют порой место быть

Если контент отдавать в первую очередь, а стили и скрипты потом, то гуглобот всё равно заберёт то что ему надо было, и выдаст это в органическом блоке поиска немного занижая позицию, потому что если дата публикации статьи свежая то он посчитает что новость находится под нагрузкой хабраэффекта, и даже если стили, шрифты, ajax-запросы будут загружаться и выполяться не 30 секунд а хоть 10 минут. Но если дата публикации поста старая, то не факт что в выдаче позиция ранжирования занижаться будет

Забудьте уже что такое серое или чёрное SEO, за это скоро по рукам будут давать, за все эти составления "призывов" и "обращений" чисто для роботов, которые прочитать вообще невозможно имея здравый рассудок

Вам не нужно для меня пиарить тут свои "псевдоуслуги" по сернушному SEO, понимаю как эта кухня устроена, ходите ищите когото, кто вам будет платить за эту мантру, хотя я не знаю где вы их находите и мне от души жалко очень сильно тех людей

Если есть что предложить касательно белой и прозрачной поисковой оптимизации понятной живым клиентам, то буду рад чтото полезное услышать только в этом направлении

Меня не интересует искусственное завышение позиции в выдаче, путём махинаций с перестановкой слов контента как услуга, и прочие хитрости подобного рода тем более, для меня это уже не работает

Не вижу никакой связи метаданных и микродаты с блоками Ads

[Игорь Воротнёв]

СЕОшники и разработчики могут что угодно рассказывать, но когда маркетинг говорит, что им нужны скрипты ретаргетинга их кампаний, то хочешь не хочешь, а их приходится ставить. И сразу сверху десятки запросов на сторонние сервера, задержка TTI, замедления парсинга и тд. Но маркетинг со своим ретаргетингом бизнесу бабки генерирует, в том числе на зарплату разрабам и сеошникам. Поэтому приходится делать. Грамотные разрабы делают максимально грамотно - обучают использовать по максимуму одну систему для всего (GA/GTM), используют кеширование внешних скриптов и тд.

Answer 4

[JunDevTest]

Изначально Web задумывался как набор страниц с гиперссылками. Прошло время, мир в целом начал постепенно деградировать, вместе с ним и интернет... Когда у большинства разработчиков появились мощные компьютеры и смартфоны, они задумались над тем, как-бы разгрузить сервер и перенести нагрузку на клиент а другим хотелось меньше работать и больше зарабатывать... Как-то так родилось понятие "web-приложение" коим и является львиная доля сайтов, они являются приложениями, которые выглядят как web-страницы...
Можете смело говорить таким разработчикам в любых спорах по этому поводу, что тяжеловесные фреймворки и библиотеки, портят концепцию сети интернет. Какими-бы полезными они не были. Web, в текущем виде, НЕ предназначен для этого.

Comments

[Adamos]

Веб-приложение - это не про то, как перенести какую-то нагрузку.
Это про то, как разработчику перестать копаться в DOM и событиях и заниматься логикой. Да, абстракции жрут больше ресурсов и пока не достигли уровня единого и нормального стандарта по целому ряду причин. Но "если ты идёшь - мы идём в одну сторону, другой стороны просто нет..."

Answer 5

[CityCat4]

Все хотят заработать :) Например, если открывать наш городской сайт без adblock/noscript - это будет такооооооооеееее....
Что там говорить, если даже на сайте www.putin-today.ru тебя встречает реклама эротических игр и средств от облысения!

Comments

[Adamos]

Вы видите в этом какое-то противоречие?

[CityCat4]

Adamos, да :)

Answer 6

[xmoonlight]

1. Максимально избавиться от скриптов, особенно внешних.
2. Соц.кнопки "Поделиться" - лучше делать статическими линками с rel="nofollow".
3. includeHTML (в режиме асинхронной загрузки) + один JS(app.js) + API (на бэкенде для AJAX-запросов с фронта)
И проверка

Answer 7

[Александр Филиппенко]

https://developers.google.com/speed/pagespeed/insi...
Прогоняете нужную страницу здесь. Во-первых получаете рекомендации, во-вторых сжатые ресурсы, в-третьих пугающие красные цифры для начальства.
После этого и часть шрифтов оказывается не так уж и нужна, и иконки шрифтовые норм, а не те что дизайнер непонятно где отрыла. И фотки хоть и растрят, но уже не бесят этим начальство)