Библиотека Интернет Индустрии I2R.ru

Под оптимизацией веб-страниц будем понимать использование различных приемов и методов, позволяющих сделать загрузку страниц в браузере максимально быстрой для пользователей.

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

Размещайте важную информацию наверху страницы

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

Многократно используйте одни и те же изображения

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

Применяйте каскадные таблицы стилей (CSS)

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

Учитывайте особенности таблиц

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

Оптимизируйте графику

Чтобы графические изображения быстрее загружались на веб-странице, следует уменьшать размер файлов картинок при сохранении их качества. Для оптимизации графики существуют специальные программы, позволяющие управлять различными параметрами с учетом форматов файлов. Например, Adobe ImageReady, Ulead SmartSaver Pro, Macromedia FireWorks, Adobe Photoshop и другие.