Вот три основных фактора влияющих на скорость загрузки веб — страницы:

  • Местоположение сервера и его производительность;
  • Правильный код и размер страницы;
  • Размер изображения.

Влияние местоположения сервера на скорость загрузки.

  • Если сервер, на котором расположен сайт, находится в Украине, а большинство посетителей сайта находятся, например, в Австралии то, веб — страница будет загружаться медленнее, для этой аудитории, чем, если бы сайт был на сервере в Украине. Когда важна быстрая загрузка, то лучше иметь сайт, расположенный на сервере в той же части мира, где и его целевая аудитория;
  • Емкость Сервера: если сайт находится на сервере, где слишком много других активных сайтов, страницы могут загружаться медленнее.

Скорость загрузки и HTML и CSS.

  • Корректный HTML. Ошибки в HTML способствуют более медленной загрузке страниц;
  • Оптимизация страниц сайта. Некоторые WYSIWYG Редакторы HTML, загромождают страницу ненужным кодом. Также, если у вас есть какой-то код, который более не используется на странице, удалите его;
  • Использование CSS. Таблицы стилей CSS загружаются один раз, что значительно ускоряет загрузку страницы;
  • Используйте CSS вместо таблиц для разметки, когда это возможно, а таблицы используйте только для данных;
  • Если Вам нужно использовать таблицы:
    • Избегайте вложенных таблиц в другие таблицы. Они затрудняют работу браузера;
    • Указывайте высоту и ширину таблицы;
    • Укажите ширину каждого столбца таблицы;
    • Используйте CSS для представления атрибутов. Например, вместо указания valign=»top» для каждой строки в HTML, укажите vertical-align:top в  таблице стилей, и все Ваши таблицы будут иметь желаемое вертикальное выравнивание в несколько байт кода.

Скорость загрузки и изображения.

  • Не используйте большое количество изображений при изготовлении сайта. Нескольких изображений на странице будет достаточно;
  • Используйте одно и то же изображение на нескольких страницах. Это ускоряет время загрузки, потому что каждое изображение загружается только один раз;
  • Сжимайте изображения, чтобы уменьшить размер файла;
  • Указывайте высоту и ширину для каждого изображения. Когда Вы делаете это, браузер будет знать, сколько места нужно выделить на каждое изображение и сможет загрузить остальные страницы перед тем, как загрузятся изображения;
  • Используйте правильный размер для каждого изображения. Например, если Ваше изображение будет отображаться как 400px на 260px, убедитесь, что Вы используете изображение именно этого размера, а не большего.