Наверное каждый веб-мастер рано или поздно задается вопросом: "Как же сделать загрузку сайта быстрей?" Ведь в наше время seo-оптимизация в какой-то мере зависит от скорости загрузки сайта, например, google при аранжировке сайтов вначале сортирует их по скорости загрузки. С помощью этой статьи вы сможете «разогнать» свой сайт в два, три раза.

Итак, начнем:

Первым делом необходимо уменьшить количество обращений к серверу, то есть уменьшить количество http запросов, это можно сделать несколькими способами, их и рассмотрим: самый простой способ- это объединить файлы. Если у вас на странице используется несколько файлов js или css, то их можно объединить между собой. Следующее, что можно сделать -  использовать комбинированные CSS-спрайты.  CSS-спрайт – это комбинированное изображение, которое содержит в себе несколько маленьких изображений, которые в нужный момент для нужного элемента страницы вырезаются используя свойства: background-image и background-position. После этих действий скорость загрузки страницы может возрасти до 80%!

Запомните одно важное правило: CSS вверху, JavaScripts внизу. Это потому что браузеры чаще всего не хотят перерисовывать стиль, который уже показали, поэтому CSS всегда вверху! А JavaScripts вниз для того, чтобы после того как загрузилась страница, браузер начнет "не мешая" пользователю грузить скрипты.

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

GIF – идеально подходят для изображений с несколькими цветами, например логотип.

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

PNG – ваш выбор, когда вам нужно высококачественное изображение с прозрачностью.

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