2016-07-23 3 views
1

Введение: Я пишу веб-сайт в формате HTML, который загружает заголовок из /header/header.html с помощью jQuery AJAX, и это работает отлично. Этот сайт по-прежнему является W.I.P., поэтому пока не так много трафика.Загрузить() содержимое сайта на страницу из подкаталогов

Проблемы: В настоящее время содержания становится немного долго, и выглядит следующим образом:

<body> 
load(header/header.html) 
wall_of_txt 
</body> 

Так я рассматриваю разделение контента и загружать их из/содержания/а, так что это будет выглядеть например:

<body> 
load(header/header.html, 
content/content1.html 
content/content2.html 
content/content3.html 
content/content4.html 
content/content5.html) 
... 
</body> 

Как с каждым небольшим файлом работать легче. Однако я далек от эксперта, поэтому мне было любопытно, как это повлияет на производительность сайта. Загружаемый контент будет по-прежнему иметь тот же размер, но при условии, что контент загружается из большого количества (10-50) источников, если это будет подчеркивать сервер, или если эффект пренебрежимо мал. Упрощенный Я спрашиваю, будет ли fetch (10kb.html + 10kb.html + 10kb.html + ...) подчеркнуть сервер со слишком большим количеством запросов по сравнению с одной выборкой (150kb).

Вопрос: Будет ли мое рассматриваемое решение хорошим способом структурировать веб-сайт, или это повлияет на производительность слишком много? Альтернативно: есть ли лучший способ структурирования веб-сайта?

ответ

1

Это хорошая идея разделить веб-сайт в нескольких файлах, и это текущая практика, когда вы хотите сделать веб-сайт или веб-приложение. Кроме того, мы можем наблюдать Comon способа сделать это:

  1. вы можете разделить ваш HTML в двух файлах: один файл для Comon HTML включает все страницы (шаблон подход) один два для вашего конкретного контента ,
  2. вы можете также разделить HTML на другой части вашего сайта : один для заголовка, один для колонтитула, один для столбца слайд , если у вас есть это ...

Fo производительности часто прозрачность для пользователя - у вас есть один или десять файлов. Более того, если у вас есть только файл HTML.

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

Некоторые технологии, такие как angularjs встроить этот путь в стандарт в технологии с:

создание функционального модуля в технологии

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

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