3.75 1 1 1 1 1 1 1 1 1 1 Rating 3.75 (4 Votes)

Рекомендации по оптимизации и сжатию HTML кода, JS-скриптов и CSS-стилей примерно одинаковы, это:

  1. Удаление пустых строк. 
  2. Удаление отступов, пробелов, табуляций
  3. Удаление комментариев
  4. Замена цветовых кодов на короткие
  5. Удаление необязательных тегов

Перед началом работы обязательно создайте и сохраните дубли файлов!

Как сократить ХТМЛ

Для сокращения HTML, подойдет и текстовый редактор, например Нотпед++. В нем нужно сделать всего несколько манипуляций

Для начала включите невидимые символы: Вид -> Отображение символов -> Все символы

И удалите лишние

Правка -> Строки -> Удалить пустые строки

Правка -> Лишние Пробелы а Концы Строк в Пробел

 Удаление пробелов между тегами осуществляется заменой > < на ><

 Комментарии придется удалять вручную.

 Проще воспользоваться сервисом по «Минификации исходного кода» - HTML-Minifier, предварительно настроив под себя. После редактирования рекомендую проверить код на валидность.

Как сжать JS-скрипт

Для сжатия Ява скрипт рекомендую воспользоваться онлайн сервисом: JavaScript Compressor. Не знаю что он там выкидывает, но при стандартных настройках сжимает корректно и без ошибок.

Как сжать CSS файл

Сжимать ЦСС так же можно в блокноте, но остаются проблемы: удаление комментариев, лишних символов и сжатие цветовых кодов. В CSS Compressor это все можно настроить, кроме того выбрать один из 4-х уровней сжатия.

Проверить валидность CSS-сжатия можно здесь.

Сказать спасибо лучше кнопками:

Комментарии   

0 #6 Darrel 09.09.2018 10:42
Hі! Thiѕ post could not be written any Ƅetter! Reading
this post reminds me of my prеvious room mate! He always kept ϲhatting aboiut thіs.
I wіll forward this write-up to him. Pretty sur he wilⅼ hae a good
read. Thanks for sһaring!

Alsso visit my weblogg - pocket
knives 2018: https://schweizerknive.carbonmade.com/
Цитировать
0 #5 Shane 05.09.2018 04:21
Hi my family member! I want to say that
this article is amazing, great written and come with approximately
all important infos. I'd like to look extra posts like this .



Also visit my web-site :: Сialis: https://costofcial.com
Цитировать
0 #4 Aileen 17.08.2018 07:30
Hі there, I log on to your bloɡѕ like every week. Your humoristic style is aweѕome, keep
up the good woгk!

my web site: biⅼlige lоmmeknive: https://goo.gl/3SDutQ
Цитировать
0 #3 Rene 16.08.2018 09:42
Heya i'm for thе first time here. І found thіs bosrd
and I finnd It truly ᥙseful fede foldeknive: https://www.schweizerknive.dk/schweizerkniv-med-paa-camping/
Цитировать
0 #2 Michaela 13.08.2018 14:02
If you woulԁ like too improve your experience just keep viuѕiting this
site and be updated with the most recent news update posted here.


Also visit my web-site Swіss
Aгmy Mother Of Pearl: https://www.nyttigbras.dk/victorinox-prince-74mm-mother-of-pearl-rare
Цитировать
0 #1 Kristian 10.08.2018 08:15
I am sure this post has touched all the internet viewers,
its really really pleasant piece of writing on building
up new webpage.

My web blog: Сialis: https://costofcial.com
Цитировать

Добавить комментарий


Защитный код
Обновить

Feedburner
Поиск
Новые материалы
Последнии Комментарии