Сьогодні мова піде про невелику оптимізації завантаження файлів стилів і скриптів на сторінці веб-сайту. Мабуть будь-який сайт включає в себе кілька файлів стилів і кілька файлів JS скриптів, на завантаження яких йде як дорогоцінний час, так і ресурси сервера віддає статику. А що робити якщо файлів стилів і скриптів кілька десятків? (На моїй пам'яті їх бувало з пів сотні). Пропоную розглянути мій варіант оптимизирования (збав, у сенсі - мій мегаунікальний, а в сенсі той, яким користуюся я, придумав і написав сам, а й без мене вигадників вистачає).
Суть мого рішення, полягає в наступному. В html сторінці ми прописуємо виклик не всіх стилів і скриптів, а тільки одного стилю і одного скрипта. При це посилання буде вести на PHP скрипти, які з'єднають воєдино десяток стилів і скриптів і віддадуть браузери як єдине ціле. При цьому в PHP скрипт буде передбачено кешування, що-б кожен раз не збирати заново віддають файл.
Приклад підключення стилів і JS:
Лістинг скрипта .allcss.php збирає стилі воєдино
При завантаження сторінки браузер починає посилати запити на сервер, в спробі отримання файлів стилів і JS скриптів, якщо їх багато на сторінці, то і запитів багато. Від цього знижується швидкість завантаження сторінки, підвищується навантаження на сервер.
При об'єднанні в єдине, ми знижуємо кількість запитів браузера до сервера, збільшуємо швидкість завантаження, знижуємо навантаження на сервер. З різних тестів на різних моїх проектах, така оптимізація дала приріст швидкості завантаження сторінки від двох до чотирьох разів. При цьому навантаження на сервер від додаткової роботи PHP скрипта НЕ зросла, очевидно через кешування.
СЕО. По мимо швидкості, такий метод корисний для СЕО, тому що чим менше на сторінці всіляких викликів JS скриптів, самих скриптів і CSS тим краще.
Схожі записи
Зайдан питання на будь-яку з тем:
- Веб розробка
- Просування CEO, SMM
- бізнес
- інвестиції
- Спільні покупки
Задати питання
Всі питання
розробки
Чернишов Р. В. Розробка сайтів під замовлення
ICQ: 1-308-715, Skype: rche.ru
Робочий час ПН-Пт 10:00 - 19:00 за МСК