Вот три основных фактора влияющих на скорость загрузки веб – страницы:
- Местоположение сервера и его производительность;
- Правильный код и размер страницы;
- Размер изображения.
Влияние местоположения сервера на скорость загрузки.
- Если сервер, на котором расположен сайт, находится в Украине, а большинство посетителей сайта находятся, например, в Австралии то, веб – страница будет загружаться медленнее, для этой аудитории, чем, если бы сайт был на сервере в Украине. Когда важна быстрая загрузка, то лучше иметь сайт, расположенный на сервере в той же части мира, где и его целевая аудитория;
- Емкость Сервера: если сайт находится на сервере, где слишком много других активных сайтов, страницы могут загружаться медленнее.
Скорость загрузки и HTML и CSS.
- Корректный HTML. Ошибки в HTML способствуют более медленной загрузке страниц;
- Оптимизация страниц сайта. Некоторые WYSIWYG Редакторы HTML, загромождают страницу ненужным кодом. Также, если у вас есть какой-то код, который более не используется на странице, удалите его;
- Использование CSS. Таблицы стилей CSS загружаются один раз, что значительно ускоряет загрузку страницы;
- Используйте CSS вместо таблиц для разметки, когда это возможно, а таблицы используйте только для данных;
- Если Вам нужно использовать таблицы:
- Избегайте вложенных таблиц в другие таблицы. Они затрудняют работу браузера;
- Указывайте высоту и ширину таблицы;
- Укажите ширину каждого столбца таблицы;
- Используйте CSS для представления атрибутов. Например, вместо указания valign=”top” для каждой строки в HTML, укажите vertical-align:top в таблице стилей, и все Ваши таблицы будут иметь желаемое вертикальное выравнивание в несколько байт кода.
Скорость загрузки и изображения.
- Не используйте большое количество изображений при изготовлении сайта. Нескольких изображений на странице будет достаточно;
- Используйте одно и то же изображение на нескольких страницах. Это ускоряет время загрузки, потому что каждое изображение загружается только один раз;
- Сжимайте изображения, чтобы уменьшить размер файла;
- Указывайте высоту и ширину для каждого изображения. Когда Вы делаете это, браузер будет знать, сколько места нужно выделить на каждое изображение и сможет загрузить остальные страницы перед тем, как загрузятся изображения;
- Используйте правильный размер для каждого изображения. Например, если Ваше изображение будет отображаться как 400px на 260px, убедитесь, что Вы используете изображение именно этого размера, а не большего.