Даже если вы пользуетесь «безлимитными» тарифами на пропускную способность, и вам неважно, сколько это стоит, нужно учитывать такие факторы как надежность, производительность и аптайм. Если ваш сайт содержит много контента, а количество посетителей стабильно высоко, есть риск обрушения сайта. Вот несколько советов, чтобы сохранить пропускную способность, не жертвуя при этом значительными деньгами и временем.
- Убедитесь, что изображения оптимизированы. Для этого нужно использовать функцию Photoshop «Сохранить для Веб-страниц», что поможет создать специальный файл для использования онлайн. Также вы можете прочитать эту статью, чтобы узнать основы оптимизации изображений. CSS спрайт – это еще одна возможность улучшить качество и скорость загрузки сайта. Все картинки соединены в одну и загружаются заранее, чтобы потом обеспечить моментальное открытие страниц. Не секрет, что изображения составляют большую часть сайта, вот почему их оптимизация способствует лучшей загрузке.
- Не используйте слишком много кода при написании HTML. В противном случае сайт будет грузиться медленнее. Чтобы облегчить себе задачу, попробуйте сервисы типа HTMLTidy, выполнющие сжатие HTML. Также можно воспользоваться сервисом Clean CSS, чтобы сделать CSS файлы меньше. Для сжатия всех файлов исходного кода для сайта на основе WordPress используйте W3 Total Cache.
- Не забудьте о сжатии GZIP, которое выполняет ваш сервер. Если браузер посетителя поддерживает GZIP (а подавляющее большинство его поддерживает), файлы будут сжаты при доставке и распакованы при получении.
- Проверьте наличие файлов, «ворующих» пропускную способность. Вставка прямых ссылок не так хороша, как кажется. Если у вас есть изображения, на которые имеются прямые ссылки с других сайтов, люди, загружающие их, будут красть пропускную способность, что может быть весьма дорого для популярных сайтов. Но не отчаивайтесь: эту опцию можно отключить.
- Выбирайте CSS вместо обычных изображений. Это отличная возможность спроектировать отличный сайт, а CSS3 может быть использована для создания теней, и чтобы добиться закругленных углов без картинок.
- Используйте <DIV>/<SPAN>/CSS для создания веб-сайта. Они позволяют получить красивый сайт без атрибута таблицы, которому требуется слишком много кода для управления.
- Повторяющиеся изображения? Почему бы нет? Это не так безвкусно, как кажется. Просто сконструируйте свой сайт таким образом, чтобы в нем были повторяющиеся мотивы, а потом сохраните маленькую картинку, и CSS будет размножать ее за вас.
- CDN может помочь. Направляйте ваши файлы на несколько серверов, используя CDN, и это значительно сэкономит пропускную способность и ускорит сайт.
- Активируйте Google Webmaster Tools, чтобы уменьшить частоту сбора данных поисковыми роботами.
- Воспользуйтесь преимуществами AJAX, технологии, созданной для взаимодействия с сервером без перезагрузки страниц. Во время перезагрузки большая часть контента остается неизменной. При внедрении AJAX пользователю нужно нажимать на ссылки, чтобы загрузить контент, то есть доставляются только необходимые файлы. Кроме того, ссылки можно завуалировать интересными названиями, что сделает пользовательский опыт еще более позитивным.
