Я создаю свой сайт по http://royronalds.com, и я пытаюсь выяснить что порядок элементов в имеет большую часть смысла. Только для взятия от того, что я в настоящее время имею я имею:
внешняя таблица стилей
к favicon
для jQuery
основной JavaScript для сайта
аналитика Google, асинхронный сценарий.
Там рассуждает, должны заказать их по-другому так, чтобы время загрузки и другие проблемы произошли более гладко, и если так, что идеал заказал бы быть?
Современные браузеры с любым видом рендеринга ждут, пока не будет извлечен весь раздел
(включая файлы, связанные с ним). Следовательно, порядок не имеет значения для производительности . Для Javascript порядок файлов - это порядок выполнения. Для таблиц стилей порядок определяет приоритет (правило, которое было определено последним, имеет приоритет, если все остальные условия равны).
Если вы хотите оптимизировать производительность клиента, настоятельно рекомендуется переместить ваши Javascript-файлы в в самый конец элемента
вместо того, чтобы помещать их в
вообще. Есть и другие соображения, Список оптимизаций Yahoo стоит вашего времени, чтобы его прочитать. У Google тоже есть хороший совет .
кстати, попробуйте защитить свой адрес электронной почты от спама ...
то есть:
<SCRIPT TYPE="text/javascript">
document.write('<A HREF=' + '"mai' + 'lto:' + 'example@' + 'example' + '.fr' + '?' + 'sub' + 'ject=music'+'example'+'text">' + 'example' +'@' + 'example' +'.' + 'fr' + '</A><BR>')
</SCRIPT>
У меня работает ...
{ {1}}Также учтите тот факт, что браузеры останавливают выполнение javascript при возникновении ошибки.
Из-за этого очень важно, чтобы ваш javascript работал во всех браузерах, иначе вы рискуете, что ваш код Analytics не будет выполнять и собирать статистику ...
Я обычно помещаю Google Analytics над собственным кодом, поэтому он запускается первым, и если в том редком случае, когда мой код ломается или вызывает ошибки JS, я все равно могу получить информацию для отслеживания.
мой порядок будет следующим:
<head>
<meta> content encoding
<title>
<link> favicon
<style> external/third-party stylesheet
<style> site stylesheet
</head>
<body>
...
<script> google analytics
<script> jQuery
<script> jQuery plugins
<script> site javascript
</body>
Одна вещь, которая может иметь большое значение, - это перемещение тегов