Файлы CSS и JS: сохранить минимальное количество байтов или использовать много пробелов, табуляции и новых строк?

Question

Какой способ лучше:

1)

div#main {
    width: 100%;
    text-align: left;
}

2)

div#main{ //no whitespace before { sign
    width: 100%;
    text-align: left;
}

3)

div#main
{
    width: 100%;
    text-align: left;
}

4)

div#main {width: 100%; text-align: left;}

5)

div#main {
width: 100%; //no tab or whitespaces before width: 100%;
text-align: left; //no tab or whitespaces before text-align: left;
}

Тот же вопрос касается файлов .js. Я спрашиваю, почему меньше пробелов (1 байт), вкладок (1 байт) и новых строк (2 байта), тем меньше времени требуется, чтобы загрузить его на компьютер пользователя. В результате сайт загружается быстрее. Конечно, 200 байтов не так важны, но кого это волнует, что находится в файле javascript? Я имею в виду, что пользователь предпочитает скорость, а не правильный дизайн файлов JavaScript, которые он не видит ...

Как профессионал, что бы вы порекомендовали новичку по поводу файлов css и js? PHP-файлы более понятны, пишите php-файлы так, как любой программист может их прочитать и изменить при необходимости - с комментариями и т. д.

Answer 1

Вы должны использовать CSS Compressor и JS Compressor и объединять свои файлы.

При написании делайте все, что для вас проще, но соблюдайте последовательностьс стандартами кодирования .

Answer 2

Ну, очевидно, # 3 (JK ... это все предпочтения). Если вы действительно хотите свести к минимуму свои следы, введите ваши js и css через minifier

Answer 3

Это все зависит от типа стиля, но вы должны идти с тем, что наиболее читабельно, в случае, если другие должны прочитать вашу работу. Вы не должны беспокоиться о расстоянии в среде разработки. Как только файл будет готов к работе, вы должны использовать минификатор для удаления всех пробелов.

Лично я предпочитаю.

div#main {
    width : 100%;
    text-align : left;
}

Answer 4

Пойдите с тем, что вам будет проще обновлять в будущем, то есть с тем, что вам проще всего расшифровать.

Если вы работаете с другими, учтите, насколько легко им будет читать и понимать.

При необходимости вы всегда можете минимизировать файлы следующим образом: http://code.google.com/p/minify/

Answer 5

Я бы порекомендовал написать наиболее читаемый текст, а затем использовать какой-нибудь компрессор.Я использую YUI Compressor для CSS и Google Closure Compiler для JavaScript.Если вы действительно хотите минимизировать свою страницу, вы также можете pngcrush все ваши PNG и минимизировать ваш HTML / XML.(Я не использовал никаких инструментов для минимизации HTML / XML, но tidy может это сделать.)

Answer 6

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