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 #4 Ila 21.05.2018 11:42
Great post.

my webpage: eyelashes
Growth: https://bit.ly/2Is2FRs
Цитировать
0 #3 Marilynn 16.05.2018 23:54
Write more, thats alll I have to say. Literally,
it seems ass though you relied on the video to make your point.
You obviously know what youre tqlking about, why waste your intelligence on just posting videos to your weblog whgen you could be giving us skmething informative to read?


Have a look at my webpage :: Eyelashes: https://bit.ly/2Is2FRs
Цитировать
0 #2 Kit 13.05.2018 17:47
Heya i'm for thee first time here. I came across this board and
I find It really useful & it hellped me out much.
I hope to give something back and aid others like you helped me.


Visit my web blog :: grow Faster: https://bit.ly/2Is2FRs
Цитировать
0 #1 Everette 17.04.2018 21:54
He said Wells Fargo similarly celebrates black history and culture through its Untold Stories ”
collection of plastic card images rolled outside in February during Black History Month.
Wells fargo account login wells fargo rewards login: https://loginto.us.com/ wells
fargo login mortgage payment Complete the form below to obtain the latest headlines and analysts' recommendationsfor
Inc with this free daily email newsletter:. It has participated inside a tax-inversion acquisition along with asset swaps, this helped
avoid taxes. Wells fargo retirement login [url="https://loginto.us.com/"]wells fargo login wells fargo careers login During a similar period a year
ago, the business posted $1.
Цитировать

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


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

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