Является ли минимизация jQuery / HTML хорошей идеей? - PullRequest
0 голосов
/ 24 декабря 2011

Это хорошая идея, чтобы минимизировать JQuery или даже HTML на моем сайте?Как я мог сделать это и при этом иметь хорошую структуру для работы?

Ответы [ 3 ]

9 голосов
/ 24 декабря 2011

Меньшая площадь. Кроме того, если вы просматриваете его в Chrome, он не находится на одной строке.

Google рассказывает об их методологии в этом документе :

Свернуть HTML

Обзор

Сжатие HTML-кода, включая любые встроенные JavaScript и CSS, содержащиеся в нем, может сэкономить много байтов данных и ускорить загрузку, анализ и время выполнения.

Подробнее

Сокращение HTML имеет те же преимущества, что и минимизация CSS и JS: снижение задержки в сети, усиление сжатия и ускорение загрузки и выполнения браузера. Более того, HTML часто содержит встроенный код JS (в тегах <script>) и встроенный CSS (в тегах <style>), поэтому полезно их минимизировать.

Примечание: Это правило является экспериментальным и в настоящее время ориентировано на уменьшение размера, а не на строгую корректность HTML. Будущие версии правила также будут учитывать правильность. Подробнее о текущем поведении см. Вики Page Speed ​​.

Подсказка: Когда вы запускаете Page Speed ​​для страницы, ссылающейся на HTML-файлы, он автоматически запускает компактор Page Speed ​​HTML (который, в свою очередь, применяет JSMin и cssmin.js к любым встроенным JavaScript и CSS) в файлы и сохраняет минимизированный вывод в настраиваемый каталог .

1 голос
/ 27 декабря 2011

Я написал инструмент для этого. Он может минимизировать JavaScript, CSS и HTML.

http://prettydiff.com/?m=minify&html

Важно помнить о некоторых различиях.

  • Minify - уменьшает размер файла документа, не изменяя синтаксис или соглашения об именах в коде. Обычно этот процесс включает в себя только удаление комментариев и сокращение пробелов.

  • Запутывание - Слово буквально означает сделать более запутанным. Этот процесс включает минимизацию, уменьшение имен переменных и меток до значений с наименьшей доступной длиной символов, удаление мертвого кода и другие изменения.

Минификация не является вредной, если ваша документация и комментарии поддерживаются. Это связано с тем, что сокращенный код всегда можно восстановить с помощью алгоритмического украшения. Запутывание вредно, потому что автоматизированный процесс не может восстановить запутанный код. Он может быть значительно меньше, чем просто минимизированный код, но такие необычные пробелы не распространены.

Распространенным ложным заблуждением является то, что запутывание может использоваться как слой безопасности, потому что код труднее читать. Запутанный код требует определенных усилий для исследования, но это в первую очередь из-за отсутствия документации и без каких-либо других причин, так как код может быть передан через алгоритмическое украшение. Поскольку JavaScript всегда интерпретируется как простой текст, безопасность базы кода не связана.

Другое ложное заблуждение заключается в том, что HTML нельзя минимизировать. Если код является допустимым HTML, то его можно минимизировать без какого-либо ущерба для рекурсивной операции улучшения. Единственное исключение из этого правила состоит в том, что некоторые свойства таблицы стилей захватывают и распечатывают все символы пробела, такие как white-space:pre, но это не презентация по умолчанию для любого пользовательского агента и обычно не используется. Более подробно я объясню, что означает приемлемый уровень минимизации HTML, в документации Pretty Diff.

1 голос
/ 24 декабря 2011

Нет, они не делают это намеренно.Они используют шаблонизатор и, как и многие серверные шаблонизаторы, их не особо волнует, как он выглядит после компиляции.

Некоторые примеры:

Важно отметить, что вы не можете скрыть страницу.Например, если вы используете Chrome, он имеет встроенный инспектор.Я никогда не замечаю, когда страница встроена, использует кодировку шенингана или иным образом запутывается.

http://www.youtube.com/watch?v=nOEw9iiopwI

...