Как оптимизировать HTML, CSS время выполнения на сервере для лучшего времени загрузки?

Question

Много раз я читал ответы на многие вопросы о том, что нам не нужно удалять пробелы и комментарии из файлов html, css и js, чтобы уменьшить размер файла вручную. Мы можем сделать это автоматически на сервере.

1) Это как в моем ткаче снов это будет так

/*Some Comment*/
.footer li h3 {
    margin: 0 0 6px;
    font-weight: bold;
    display: inline;
    color: #e92e2e; }
/*Some comment*/
    .footer li h3 a {
        font-weight: normal;
        font-size: 1em;
        color: #e92e2e; }

На сервере это будет?

.footer li h3{margin:0 0 6px;font-weight:bold;display:inline;color:#e92e2e}.footer li h3 a{font-weight:normal;font-size:1em;color:#e92e2e}

Я могу сделать это вручную или с помощью этого инструмента http://www.refresh -sf.com / yui /

2) Как это сделать на сервере Lamp?

3) На сервере мы просто удаляем пробелы и комментарии?

Answer 1

Если так выглядит ваш CSS-файл в Dreamweaver, он будет отображаться так же для всех остальных (даже если они откроют его в Блокноте).

Чтобы уменьшить размеры файлов, вам следует минимизировать код.Есть несколько инструментов / компиляторов / сайтов, которые сделают это за вас.Ниже приведены три известных сайта / инструменты для сжатия.

• Minify CSS
• Google Minify (HTML / CSS / JS)
• Yahoo UI Compressor (HTML / CSS / JS)

Кое-что еще, что вы можете принять во внимание, - это кэширование ваших сайтов.Надеюсь, это поможет!

Answer 2

Если вы хотите удалить пробелы во время выполнения, вы можете использовать PHP для обслуживания CSS:

<?php
$lines = file('yourCssFile.css');
$content = '';
foreach ($lines as $line_num => $line) {
    $content .= trim($line);
}
header("Content-type: text/plain"); // <-- change accordingly

echo $content;

Тогда вам нужно просто указать ссылку на php-файл в вашем html. Вы можете сделать то же самое для HTML, JS и CSS. Конечно, влияние, которое это окажет на общую скорость, будет минимальным. Использование сжатия gzip будет намного лучше.

Answer 3

Вам нужен минимизирующий инструмент. Попробуйте поискать в yuicompressor и просмотреть его документы. Вам нужно будет создать скрипт Ant, чтобы автоматизировать это.