То, сколько слишком многие, включает в <ГОЛОВУ>?
Personnaly, я просто делаю это:
HTML-код:
<div>
<table>
</table>
</div>
CSS-код:
div {
display: inline;
}
Если вы примените float к вашему div, он тоже работает, но, очевидно, вам нужно применить «очистить оба» CSS-правила для следующего HTML-элемента.
6 ответов
Не хорошо!
Я бы рекомендовал объединить эти файлы в один js и один CSS с помощью сценария перед развертыванием в реальном времени. Есть много причин, по которым это нехорошо, см. Ссылку ниже для получения дополнительной информации:
http://developer.yahoo.com/performance/rules.html
Изменить: Чтобы ответить далее Нет, там не имеют ограничений на количество файлов, но большинство браузеров могут иметь только 2 соединения (для сайта) с веб-сервером одновременно и, таким образом, будут загружать ваши js 2 файла за раз. Плагин YSlow для firefox покажет вам график загрузки ваших файлов.
Если вы используете ASP.NET, эта статья codeproject может помочь, если вы используете linux, тогда это может помочь.
Изменить: Простой командный файл в Windows (для подключения к инструментам сборки) будет выглядеть так:
@echo off
copy file1.js + file2.js + file3.js merged.js /b
У браузеров есть ограничение на количество одновременных запросов к домену, поэтому они могут замедлить загрузку других элементов на вашей странице. Например, IE8 имеет ограничение в 6 одновременных подключений, а IE7 - в 2 .
Я бы рекомендовал объединить файлы, которые вы размещаете локально, ссылаясь на другие внешние (например, в Google), и потенциально перемещая других в конец страницы, чтобы они не задерживали загрузку.
Вы можете комбинировать скрипты с множеством онлайн-инструментов, таких как jsCompress . У него есть вкладка «Загрузить файлы», так что вы можете просто загрузить все свои файлы js, и они будут сжиматься и уменьшаться.
Существуют также серверные утилиты, которые сделают это за вас. Вы не говорите, какую серверную технологию вы используете,
Если это поможет вам почувствовать себя лучше, многие другие сайты «загружаются» таким образом, а файлы js кэшируются почти всеми современными (и даже старыми) браузерами. Одна вещь, которая может помочь, - это привязать ваш файл jquery к файлу, размещенному на сайте googleapis, потому что есть вероятность, что какой-то другой сайт ссылается на тот же файл jquery, размещенный там, и он уже находится в их кеше:
http: //ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js
Ваш веб-сервер должен уже оптимизировать файлы, автоматически включив сжатие gzip, но дважды проверьте, чтобы убедиться в этом.
Чем больше файлов CSS и JS вы укажете на странице, тем больше времени потребуется для загрузки. Гораздо лучше объединить их в как можно меньше файлов.
Google Page Speed - ваш друг. Кажется, это в основном YSlow на стероидах.
Я не знаю, есть ли хороший ответ на этот вопрос, но если вас интересует оптимизация, многие из них были выполнены Yahoo !: http://developer.yahoo.com/performance/rules.html[1120426pting.
Лично я склонен игнорировать большинство из этих правил просто потому, что те вещи, которые я создаю, не такие уж большие.