Уменьшаем вес веб-страниц
Для справки: под весом страницы понимают её объём, измеряемый в килобайтах.
Вес страницы складывается из:
- Объем чистого HTML-кода;
- Объём текстовой информации на странице;
- Объём графики, которая является составляющей частью дизайна;
- Объём рекламы (банеров, и(или) текстовых блоков).
Суммарный объём страницы не должен превышать 50Кб, если больше, то посетителям придётся ждать загрузки страницы достаточно долго. В отдельную группу попадают счётчики. Счётчики подобные HotLog и Mail.ru весят приблизительно по 1,2Кб каждый, поэтому злоупотреблять ими тоже не стоит.
Пути уменьшения веса страниц:
1. Откажитесь от комментариев. Зачастую в коде веб-страницы встречаются достаточно бесполезные комментарии, в которых веб-мастер старается подшутить над теми, кто захочет посмотреть код. Фразы типа «Зачем ты залез в код моей страницы и что тебе здесь надо» не несут никакого смысла, но малость увеличивают код.
Хочу заметить, что не стоит отказываться от комментариев к изображениям, т.е. от тега alt=, как раз он вам пригодиться.
2. Используйте CSS. Каскадные таблицы стилей могут достаточно сильно облегчить страницу, если их правильно использовать. Пропишите в CSS font, width и height, а в коде лишь расставьте необходимые ссылки.
3. Аккуратнее со скриптами. Зачастую новости на веб-страницах демонстрируются с помощью бегущей строки, или текст со ссылками движется в маленьком окне, а если на него навести курсор мышки, то замирает.
Всегда необходимо соизмерять полезность Script’а с затратами на него (в качестве затрат в данном случае выступают лишние килобайты на странице). Возможно, что выстроить небольшую колонку новостей с обычным текстом будет более рационально, чем вешать JavaScript.
Единственный случай, когда применение подобного скрипта может быть оправдано – это катастрофическое отсутствие места на странице.
4. Ликвидируйте украшения на веб-странице. К таким относятся анимация, всякие летающие хвосты (для последних используется JavaScript). Неправильное применение подобных украшений будет не только утяжелять станицу, но и раздражать пользователей.
5. Ограничьте информационные сервисы. Ради справедливости стоит заметить, что по большей части эти сервисы работают на тех же скриптах, но они хотя бы несут смысловую нагрузку, приносят пользу.
К таким сервисам относятся вывод сегодняшней даты и текущего времени, календарь, калькулятор. Не стоит забывать, что часы у пользователей есть в треере, а если на них навести мышь, то вам покажут и дату, и месяц и год.
6. Не забивайте страницы рекламой до отказа. Двух банеров 468x60 будет вполне достаточно. Кнопками дружеских сайтов злоупотреблять тоже не стоит.
7. Режьте большие картинки на маленькие. Несколько маленьких картинок загружаются быстрее, чем одна большая. Такой способ более трудоёмкий (необходима таблица, ячейки и т.п.) к тому же он неприменим к обоям, заставкам (посетителям нужно сохранять их целиком).
8. Смените дизайн. В качестве самой радикальной меры можно пойти на изменение дизайна с графического на текстовый. Такая смена подразумевает замену навигационных меню с графических (кнопочных) на текстовые. Такой радикальный шаг имеет немало достоинств. Во-первых, вес страниц снизится на (30-60%), этого мы как раз и добивались. Во-вторых, если ваши страницы были оптимизированы под одно разрешение (что довольно часто встречается при обилии графики в дизайне), то появляется возможность сделать динамический дизайн (оптимизирован под любое разрешение экрана).
Подводя итоги скажу, что если без скриптов, банеров, ссылок на друзей вам не обойтись, то хотя бы распределите их равномерно по всем страницам сайта, не сваливайте всё сразу на одну страницу, особенно главную. Грамотно распределив все «тяжёлые» элементы по всем страницам сайта вы значительно облегчите жизнь пользователям, которые ещё не раз впоследствии вернуться на ваш ресурс.
Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2024-11-26 » Капитан грузового судна, или Как начать использовать Docker в своих проектах
- 2024-11-26 » Обеспечение безопасности ваших веб-приложений с помощью PHP OOP и PDO
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-22 » Ошибки в Яндекс Вебмастере: как найти и исправить
- 2024-11-15 » Перенос сайта на WordPress с одного домена на другой
- 2024-11-08 » OSPanel 6: быстрый старт
- 2024-11-08 » Как установить PhpMyAdmin в Open Server Panel
- 2024-09-30 » Как быстро запустить Laravel на Windows
- 2024-09-25 » Next.js
- 2024-09-05 » OpenAI рассказал, как запретить ChatGPT использовать содержимое сайта для обучения
- 2024-08-28 » Чек-лист: как увеличить конверсию интернет-магазина на примере спортпита
- 2024-08-01 » WebSocket
- 2024-07-26 » Интеграция с Яндекс Еда
- 2024-07-26 » Интеграция с Эквайринг
- 2024-07-26 » Интеграция с СДЕК
- 2024-07-26 » Интеграция с Битрикс-24
- 2024-07-26 » Интеграция с Travelline
- 2024-07-26 » Интеграция с Iiko
- 2024-07-26 » Интеграция с Delivery Club
- 2024-07-26 » Интеграция с CRM
- 2024-07-26 » Интеграция с 1C-Бухгалтерия
- 2024-07-24 » Что такое сторителлинг: техники и примеры
- 2024-07-17 » Ошибка 404: что это такое и как ее использовать для бизнеса
- 2024-07-03 » Размещайте прайс-листы на FarPost.ru и продавайте товары быстро и выгодно
- 2024-07-01 » Профилирование кода в PHP
- 2024-06-28 » Изучаем ABC/XYZ-анализ: что это такое и какие решения с помощью него принимают
- 2024-06-17 » Зачем вам знать потребности клиента
- 2024-06-11 » Что нового в работе Яндекс Метрики: полный обзор обновления
- 2024-06-11 » Поведенческие факторы ранжирования в Яндексе
- 2024-06-11 » Скорость загрузки сайта: почему это важно и как влияет на ранжирование
Все мы сидим в сточной канаве, но некоторые при этом смотрят на звезды Уайльд Оскар - (1854-1900) - английский писатель |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.