Тяжелые страницы сайта

12
ВC
На сайте с 02.02.2006
Offline
463
884

Добрый день! 

Программист сделал скрипт, позволяющий посетителям делать комментарии под статьей. Скрипт работает нормально, но очень большой. В итоге пустая страница сайта (без контента страницы и без комментариев) весит 190 Кб. Плюс, CSS 430Кб. Да еще скрипт bootstrap 70Кб и bootstrap CSS 162 кб. Всего получается 852 Кб! И это, повторяю, без контента и даже без дизайна страницы. 

Отложенная загрузка радикально ничего не изменила. 

На мое замечание, что страница слишком тяжелая, программист говорит, что сейчас все сайты такие. Но мне это не нравится – по PageSpeed мы уже в красной зоне, а страница пуста… 

Или действительно теперь это норма?


roog
На сайте с 09.03.2008
Offline
132
#1
Мне кажется вы зря на программиста нагоняете, сейчас действительно раздутые страницы у многих. Наш конкурент https://istrariel.ru вообще 2.5Мб страницы имеет, и ничего, живет себе.
Межевой план
  • 2 000 000.00 RUB
  • 2021.05.29
  • Кузнецова Анна
  • istrariel.ru
Юрист перед сделкой проводит проверку контрагентов и важно отметить юридическую чистоту сделок, совершаемых с недвижимостью.
LEOnidUKG
На сайте с 25.11.2006
Offline
1748
#2
 И это, повторяю, без контента и даже без дизайна страницы. 

Это нормально, там же gzip должен работать.

по PageSpeed мы уже в красной зоне, а страница пуста… 

там более 30 метрик, все надо смотреть и изучать.
✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
totamon
На сайте с 12.05.2007
Offline
437
#3
Владимир-C :
Или действительно теперь это норма?
это не норма, но требования сейчас мягче, все таки связь шагнула нормально, 20-30 Мбит мобильного инета это вам не модем на 64Кбита🤣
Владимир-C :
190 Кб. Плюс, CSS 430Кб
даже не представляю что может столько весить, если только мона лиза в svg формате... стоит разобраться, заказать аудит, без конкретики толку от этого топика не будет...
Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
ВC
На сайте с 02.02.2006
Offline
463
#4
totamon #:
даже не представляю что может столько весить

В некоем файле main.css имеется 20869 строк. Содержание обычное - и медиа, и настройки. Я почти уверен, что по большей части они или не используются, или малозначимы.

Интересно, нет ли такого сервиса, чтобы из всех   css собрать только те, которые реально используются в работе?

roog
На сайте с 09.03.2008
Offline
132
#5
Владимир-C #:

Интересно, нет ли такого сервиса, чтобы из всех   css собрать только те, которые реально используются в работе?

https://fl.ru/  https://www.weblancer.net/

Биржа фриланса Weblancer — сайт поиска работы и вакансий в Украине, России и странах СНГ с отзывами
Биржа фриланса Weblancer — сайт поиска работы и вакансий в Украине, России и странах СНГ с отзывами
  • www.weblancer.net
Биржа фриланса - это онлайн платформа, представляющая собой удобный способ взаимодействия между работодателем и специалистом. Данный формат сотрудничества не требует личной встречи, а обговаривать все детали проекта и оплачивать проделанный труд просто даже тогда, когда стороны находятся в разных уголках планеты. Фрилансер (англ. freelancer...
totamon
На сайте с 12.05.2007
Offline
437
#6
Владимир-C #:
Интересно, нет ли такого сервиса, чтобы из всех   css собрать только те, которые реально используются в работе?

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

Владимир-C #:
main.css имеется 20869 строк
это для комментариев или полные стили для всего сайта?) 
ВC
На сайте с 02.02.2006
Offline
463
#7
totamon #:

это для комментариев или полные стили для всего сайта?) 

Это только для комментариев. 

Для дизайна и контента должно еще быть.

A
На сайте с 30.01.2015
Offline
85
#8
Владимир-C #:

В некоем файле main.css имеется 20869 строк. Содержание обычное - и медиа, и настройки. Я почти уверен, что по большей части они или не используются, или малозначимы.

Интересно, нет ли такого сервиса, чтобы из всех   css собрать только те, которые реально используются в работе?

Вам нужно настроить webpack, провести аудит стилей и javascript файлов. Тот же bootstrap можно кастомизировать и оставить только базовые стили и компоненты. Разбить проект на точки входа (entrypoints), включить разбиение больших файлов на более мелкие. Комментарии будут отдельным entrypoint, который надо добавить только на страницы с комментариями. Можно применить и ленивую загрузку кода, необходимого для авторизации и добавления комментариев при взаимодействии с самим компонентом. Для выхода из красной зоны нужно будет применить еще десятки техник и ухищрений. Но самое главное чтобы на холодную страница сайта загружалась за 1-2секунды на среднем интернете.

Инструменты для очистки финальных css и js файлов от неиспользуемых классов пока применимы для SPA приложений, написанных на React или Angular. 

Тем не менее, можно проанализировать css и js файлы на наличие в них неиспользуемых строк на конкретной странице, или на ряде страниц, воспользовавшись инструментами разработчика google chrome (вкладка Coverage)

https://developer.chrome.com/docs/devtools/coverage/

VG
На сайте с 30.04.2017
Offline
86
#9

main.css имеется 20869 строк для комментариев?

серьёзно?)

боюсь спросить сколько для всего сайта, ответ может серч положить)

тут явно надо оптимизировать, хотя как писали выше, сегодня это не страшно.

js надо смотреть

зачем всякие фремворки для простых задач, таких как комментарии например, делать, не понимаю

на чистом js это легко всё, даже такой криворукий как я, сделает

Vladimir
На сайте с 07.06.2004
Offline
555
#10
VadimGen #:

main.css имеется 20869 строк для комментариев?

серьёзно?)

Серьезный повод заменить программиста. И если вам пишут, что это нормально, не верьте.
Это нормально для неучей!
Во всяком случае, на серче можно было найти верстальщиков с чистейшим кодом в своих работах
Аэройога ( https://vk.com/aeroyogadom ) Йога в гамаках ( https://vk.com/aero_yoga ) Аэройога обучение ( https://aeroyoga.ru ) и просто фото ( https://weandworld.com )
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий