Как уменьшить размер страницы

Важна ли сейчас по-прежнему скорость загрузки? Да, важна. Несмотря на широкое распространение кабельного интернета, adsl-подключения, несмотря на стремительно растущую мощность компьютеров, проблема, вопреки ожиданиям, остается, и, вероятно, будет существовать и впредь. Во-первых, тем временем пока безлимитный интернет распространяется в больших городах и областных центрах, подключаются все новые пользователи в маленьких городках и селах. Во-вторых, люди приучаются носить с собой ноутбуки, подключаться в любом месте, и тарифный план с лимитом трафика все так же распространен. И в-третьих, такова уж природа человеческой натуры. Как бы широк ни был канал, человек обязательно забьет его фильмами, играми, музыкой и чем угодно еще. Поэтому неоправданно перегруженная страница по-прежнему может отпугнуть заметное число пользователей. Конечно, слишком упрощать страницу и приносить в жертву простоте функциональность и внешний вид в наше время уже не стоит. Тем не менее, там, где можно уменьшить объем бе всякого ущерба, следует об этом подумать.

Вот несколько моментов, где возможно такое упрощение, и которые следует не выпускать из виду:

Первое. Использовать форматирование с помощью стилей (css).

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

Второе. Размер фотографий.

Фотография, сделанная с помощью современного цифрового фотоаппарата или мобильника имеет намного больший размер, чем это необходимо в веб-дизайне. Фотографию почти всегда можно без потери качества уменьшить примерно в 20 раз. Любая фотография, в том числе и портретная, будет смотреться вполне прилично, имея размер до 120к. Большее уже излишне. В тех особых случаях, когда необходимо разместить качественный оригинал, — например, на сайте фотоагентства или дизайнерской студии — есть смысл сделать так, чтобы он открывался отдельно в новом окне. Надо помнить также, что картинки будут загружаться отдельно, поэтому если они не догрузятся, может пострадать внешний вид страницы. Особенно это касается фоновых картинок. Тяжелую фоновую картинку рекомендуется использовать только в особых случаях, поскольку, как правило, она не несет никакой смысловой нагрузки.

Третье. Яваскрипты.

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