- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Добрый день!
Программист сделал скрипт, позволяющий посетителям делать комментарии под статьей. Скрипт работает нормально, но очень большой. В итоге пустая страница сайта (без контента страницы и без комментариев) весит 190 Кб. Плюс, CSS 430Кб. Да еще скрипт bootstrap 70Кб и bootstrap CSS 162 кб. Всего получается 852 Кб! И это, повторяю, без контента и даже без дизайна страницы.
Отложенная загрузка радикально ничего не изменила.
На мое замечание, что страница слишком тяжелая, программист говорит, что сейчас все сайты такие. Но мне это не нравится – по PageSpeed мы уже в красной зоне, а страница пуста…
Или действительно теперь это норма?
Это нормально, там же gzip должен работать.
по PageSpeed мы уже в красной зоне, а страница пуста…
Или действительно теперь это норма?
190 Кб. Плюс, CSS 430Кб
даже не представляю что может столько весить
В некоем файле main.css имеется 20869 строк. Содержание обычное - и медиа, и настройки. Я почти уверен, что по большей части они или не используются, или малозначимы.
Интересно, нет ли такого сервиса, чтобы из всех css собрать только те, которые реально используются в работе?
Интересно, нет ли такого сервиса, чтобы из всех css собрать только те, которые реально используются в работе?
https://fl.ru/ https://www.weblancer.net/
Интересно, нет ли такого сервиса, чтобы из всех css собрать только те, которые реально используются в работе?
изначально нужно сохранять только необходимые стили, так и делают правильные верстальщики) а не брать какую то солянку накопленную за 10 лет и везде ее совать... сервисы или технологии есть конечно, сам не пользовался, вернее не нашел удобного и чтобы полностью устраивал, но обсуждения и тут были не раз, тк проблема то актуальная...
main.css имеется 20869 строк
это для комментариев или полные стили для всего сайта?)
Это только для комментариев.
Для дизайна и контента должно еще быть.
В некоем файле 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/
main.css имеется 20869 строк для комментариев?
серьёзно?)
боюсь спросить сколько для всего сайта, ответ может серч положить)
тут явно надо оптимизировать, хотя как писали выше, сегодня это не страшно.
js надо смотреть
зачем всякие фремворки для простых задач, таких как комментарии например, делать, не понимаю
на чистом js это легко всё, даже такой криворукий как я, сделает
main.css имеется 20869 строк для комментариев?
серьёзно?)
Это нормально для неучей!
Во всяком случае, на серче можно было найти верстальщиков с чистейшим кодом в своих работах