Із задоволенням представляю сервіс HTML Compressor з однойменною адресою https://htmlcompressor.com тим, хто з ним ще не знайомий, з цим зручним і безкоштовним онлайн інструментом. Зауважте, з безпечним з'єднанням, що зараз дуже важливо (якщо на вашому сайті поки звичайний протокол, але ви плануєте підключити безпечний, вам може стати в нагоді стаття « Установка SSL-сертифіката «). Отже, за допомогою онлайн інструментів можна зробити компактними файли JS, CSS, HTML і Smarty. HTML Compressor видалить в коді всі зайві символи та прогалини, розбереться з переносами рядків, які потрібні розробникам, але заважають при завантаженні сайту.
В поле зліва можна вставити скопійований код або перетягнути файл цілком, і він відкриється у вікні.
З правого боку вибираємо тип коду, який потрібно обробити, в тому числі і змішаний.
Якщо навіть користувач допустив помилку у визначенні типу коду, програма, прочитавши його, сама запропонує виправлення.
Тут же є можливість вибору мови. У разі, якщо ми стискаємо внутрішню сторінку сайту з текстом російською мовою, вибираємо кирилицю (Cyrillic), і тоді слова не перетворяться в абракадабру.
Зверніть увагу на верхній скріншот: в інтерфейсі онлайн програми HTML compressor 4 вкладки: вихідний код, стиснений, помилки і повідомлення. З метою безпеки дані видаляються щогодини.
Хочу попередити: стаття розрахована на новачків в web-програмуванні, тому якщо її прочитають фахівці і захочуть внести виправлення в інформацію або доповнити, буду вдячна! Сервіс мені дуже сподобався, поки спробувала стиснути кілька типів файлів.
- Скачую файл з сервера
- Завантажую його в вікно сервісу і одночасно розміщую в окремо підготовлену папку, названу, наприклад, так: «Файли до компресії». Файл з вихідним кодом може знадобитися, якщо при стисненні були виправлені якісь помилки, але це стало фатальним для працездатності сайту. Оригінальний файл завжди можна відновити з резервної копії.
- Тисну кнопку «compress» і чекаю результату. У правій частині екрана виводиться відсоток, але не компресії, а «сухого залишку», тобто, якщо ви бачите 90%, значить, код стиснутий всього на 10%. Підсумок можна порівняти і за вагою файлів: якщо було 46 кілобайт, а стало 23, значить, код скорочений удвічі.
- Скачую файл зі стисненим кодом. Назва у кожного compressed. Його потрібно буде акуратно перейменувати перед завантаженням.
- Пере на сервер, перевіряю, як ця заміна відбилася на роботі сайту.
- Радію!
Тут же є інструменти для веб-майстра, де можна перевірити коректність коду, але мені звичніше і зручніше користуватися програмою notepad ++. До речі, якщо в коді є коментарі, зверніть увагу, не стерті вони. Потрібні можна скопіювати з вихідного коду і перенести в новий.
Провела експеримент. Валідатора не подобалося вираз "role = banner" (властивість, яка не застосовується, і його можна було просто видалити). Сервіс прибрав лапки. Тепер черга за вами, якщо є бажання полегшити сайт або, для кого це актуально, вивільнити місце на хостингу.
