Как ускорить загрузку сайта

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

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

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

Первый совет. Оптимизация таблиц стилей

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

Так что первый совет будет состоять в следующем: все существующие таблицы стилей следует объединять в один файл, по аналогии с доверительным управлением, когда передается вся сумма, а не частями. Более того, полученный таким образом файл можно и нужно оптимизировать. То есть нужно удалить лишние строки, пробелы, сократить информацию о цветах — к примеру, указывать в написании белого цвета или «#ffffff;» более короткое обозначение «#fff;», что в конечном итоге сократит размер полученного файла и сделает  процесс его загрузки быстрее. Подключение таблицы стилей в html-коде страницы лучше делать в области тегов HEAD, то есть вверху.

Второй совет. Оптимизация java-скриптов

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

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

Третий совет. Используйте css-спрайты

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

А если прибегнуть к использованию технологии css-спрайтов большое количество  запросов на картинки заменяется одним единственным. Суть методики состоит в том, что создается только одно изображение, на которое на определенных местах с заранее известными координатами размещается несколько, как правило, до 20, которые раньше грузились поодиночке.

В итоге вместо строк с подключением каждого изображения каждый раз пишется одна и та же строчка с вызовом одной общей с указанием координат местоположения той конкретной картинки, которая необходима в этом месте страницы. Таким образом, число запросов браузера сокращается с 20 до 1!
А если Вам необходимо абонентское обслуживание компьютеров, то заходите по ссылке! Помимо заказа услуг Вы сможете скачать полезные программы из раздела загрузки, которые пригодятся Вам при «танцах с бубнами» над компьютером.

Четвертый совет. Используйте технологию кэширования

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

© 2018 Atamovich.ru