1. Используйте DIV+CSS в программах веб-сайта вместо таблиц
В настоящее время DIV+CSS является основным языком программирования, что неразрывно связано с его преимуществами: небольшим размером и быстрой загрузкой. Популярные веб-сайты и CMS также используют этот режим. Поэтому рекомендуется всем также использовать этот режим для программирования, а не исходную структуру таблиц. Структура таблиц не только неудобна в управлении, но и увеличивает размер веб-страницы, снижая скорость загрузки веб-сайта.
2. Используйте технологию Gzip для сжатия веб-страниц
Использование технологии Gzip для сжатия веб-страниц — хороший способ уменьшить размер веб-страниц. Обычно для этого требуется поддержка вашего хостинга. Например, на используемом мной общем хостинге A5 степень сжатия может достигать 80%. Когда размер веб-страницы меньше, скорость загрузки естественно становится выше.
3. Сократите количество и размер CSS-файлов
В процессе использования DIV+CSS CSS-файлы очень важны. Если во время разработки имеется несколько CSS-файлов, рекомендуется объединить их, что может ускорить загрузку сайта. Кроме того, можно использовать профессиональные программы для оптимизации веб-страниц, чтобы сжать CSS-файлы и уменьшить их размер.
4. Используйте CDN для ускорения
За последний год CDN стала более распространённой среди индивидуальных веб-мастеров, и многие друзья её используют. Полное название CDN — Content Delivery Network, что интерпретируется как сеть доставки контента. Принцип состоит в том, чтобы по возможности избегать узких мест и каналов в Интернете, которые могут влиять на скорость и стабильность передачи данных, чтобы контент передавался быстрее и стабильнее. Это ускоритель сайта. Это требует оплаты; бесплатные не очень стабильны.
5. Оптимизируйте код и сократите раздутые структуры
Если мы используем более популярную CMS, раздутых структур кода быть не должно. Но следует отметить, что нерациональные структуры также могут существовать, когда мы создаём или выбираем шаблоны сайта. Нам нужно использовать относительно лаконичный программный фреймворк при написании шаблонов или программ. Лаконичность полезна для пользовательского опыта, а также больше способствует обходу и индексации поисковыми роботами.
6. Уменьшите размер и количество изображений
Мы должны стараться уменьшать размер и разрешение изображений при загрузке их на сайт. Можно сжимать изображения перед загрузкой; достаточных размеров вполне хватит, не делайте их слишком большими. Изображения — это всего лишь украшение для сайта, не всё нужно представлять в виде изображений с текстом. В то же время следует также избегать использования большого количества видео- или аудиоконтента.
7. Сократите количество файлов JavaScript-скриптов и постарайтесь объединить их в один файл
Старайтесь подключать JS-код внешне, не размещайте его на веб-странице и не вызывайте удалённо внешний JS-код. Например, Google рекомендует загружать аналитику в теге HEAD. Вы также можете попробовать объединять JavaScript и сжимать их для более быстрой загрузки. Иногда у нас слишком много кода CSS и JS в шапке, из-за чего средняя часть контента загружается слишком медленно. Поэтому старайтесь сокращать код в шапке.
8. Используйте статические HTML-страницы
Как известно, ASP, JSP, PHP и другие программы реализуют статическое взаимодействие информации на веб-странице. Они действительно очень удобны в работе благодаря хорошему взаимодействию с данными, что позволяет удобно получать доступ и изменять их. Однако у такого типа программ есть и свои недостатки: они должны сгенерировать HTML-страницу на сервере, а затем 'передать' её пользователю. Этот дополнительный этап непременно повлияет на скорость доступа к сайту; автор советует, чтобы на начальном этапе нового сайта, в важный период вашего сайта, лучше использовать статические HTML-страницы.
9. Замените обращение к ASP, ASP, PHP и другим программам на ссылки .js
Это следует делать при проектировании ASP, ASPX, PHP и других программ. Если вы хотите встроить динамические данные в статическую HTML-страницу, а динамические данные предоставляются ASP, PHP и другими программами, используйте следующий код для ссылки на них:
<script src="http://www.w3cschool.cc/network_index.php?data=1″></script>
В этом случае каждый раз, когда кто-то посещает ваш сайт, серверу нужно выполнить и обработать файл network_index, извлечь соответствующие данные из базы данных, а затем вывести их на веб-страницу для пользователя. Если посетят десятки тысяч человек, это будет выполнено десятки тысяч раз, последствия можно представить. Рекомендуется в этих программах генерировать данные в файл network_index.js, а затем в network_index использовать
<script src="http://www.w3cschool.cc/network_index.js"></script>
такой код для ссылки на файл network_index.js. Таким образом, задача отображения данных передаётся браузеру на стороне клиента, который не расходует ресурсы сервера, поэтому сайт, естественно, очень быстрый; время, затрачиваемое первым, почти в несколько раз превышает время второго!