Снижение требований к пропускной способности вашего сайта

• May 6, 2024

Успех может убить. Это принцип, который должны учитывать все веб-мастера.

В наш век мгновенного общения веб-страница, которая становится популярной («становится вирусной» в интернет-языке), может оказаться залитой посетителями. Для большинства владельцев веб-сайтов эта мечта становится реальностью ... до тех пор, пока они не столкнутся с тем, чтобы поддерживать сервер под лавиной хитов, или в конечном итоге бросают деньги на свои хостинговые компании в отчаянной попытке увеличить пропускную способность сайта.

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

Для начала взгляните на изображения вашего сайта. На типичном веб-сайте файлы изображений отвечают за подавляющее большинство трафика.

Наилучший метод сокращения использования полосы пропускания изображения - полностью удалить их с вашего сайта. Это не означает преобразование вашего сайта в текстовый; это означает, что вы можете воспользоваться недорогим (иногда бесплатным!) сайтом для обмена изображениями, чтобы разместить ваши изображения для вас. Прежде чем совершить услугу, попробуйте ее в небольшом масштабе, а затем проверьте свой сайт из разных мест; некоторые брандмауэры автоматически блокируют изображения с популярных сайтов обмена, особенно если ваши посетители путешествуют по Интернету со своих офисных компьютеров.

Используете ли вы HTML для отображения ваших изображений меньше, чем они есть на самом деле? Это большая проблема для веб-дизайнеров, так как ваши посетители будут загружать полное изображение (в его реальном размере) в свои браузеры при каждом посещении, используя гораздо большую полосу пропускания, чем требуется странице, как задумано. Вместо этого используйте программу для редактирования изображений, чтобы обрезать и сжать изображение в соответствии с макетом страницы.

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

Еще один способ удержать изображения от увеличения пропускной способности - это отказаться от них в пользу текста, разработанного CSS. Эта техника хорошо работает с кнопками и другими необычными ссылками, поскольку вы можете многое сделать с цветами фона, рамками и псевдоклассом: hover. Позже настройтесь на следующую серию о том, как разрабатывать интерактивные меню с использованием CSS и HTML.

Теперь, когда вы вывели свои изображения в квадрат, пришло время сжать текст. Часто вы можете удалить некоторые лишние пробелы из вашего HTML-кода. Пустые строки между разделами кода могут улучшить читаемость, но если у вас есть десяток каретных возвратов между тегом body и вашей первой строкой кода, вы немного переусердствуете.

По возможности используйте внешние файлы для JavaScript и CSS. Как только ваш посетитель загрузит файл вместе с первой страницей, которую он посетит, этот файл останется в кэше браузера при просмотре вашего сайта - в отличие от загрузки кода заново с каждой страницы, что происходит с встроенным кодом или кодом заголовка.

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

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

Видео инструкция: ???? Ограничение пропускной способности и контроль интернет трафика на роутере TP-LINK ⚡ (May 2024).