Minification и групиране в SharePoint Online

Важно : Тази статия е преведена машинно – вижте отказа от отговорност. Английската версия на тази статия за справка можете да намерите тук .

Тази статия описва как да използвате minification и обвързване техники с уеб-важното, за да намалите броя на HTTP заявки и да намалите времето, необходимо за зареждане на страниците в SharePoint Online.

Когато персонализирате своя уеб сайт можете да свърши добавянето на голям брой допълнителни файлове на сървъра за поддръжка за персонализиране. Добавяне на допълнителни JavaScript, CSS и изображения се увеличава броят на HTTP заявки на сървъра, което на свой ред увеличава времето, необходимо за показване на уеб страница. Ако имате множество файлове от същия тип, може да включи тези файлове за да изтеглите тези файлове по-бързо.

За JavaScript и CSS файлове можете също да използвате подход за minification, където можете да намалите общия размер на файловете чрез премахване на знак за интервал и други знаци, които не са необходими.

Minification и групиране на JavaScript и CSS файлове с уеб Essentials

Можете да използвате софтуер на трети лица, като например уеб Essentials да включи CSS и JavaScript файлове.

Важно : Уеб Essentials е проект от трети лица, отворен код, базиран на Общността. Софтуерът е разширение за Visual Studio 2012 и Visual Studio 2013 и не се поддържа от Microsoft. За да изтеглите уеб Essentials, посетете уеб сайта на http://vswebessentials.com/download.

Уеб Essentials предлага две форми на групиране:

  • .Bundle: за CSS и JavaScript файлове

  • .Sprite: за изображения (достъпно само в Visual Studio 2013)

Можете да използвате уеб Essentials, ако имате съществуваща функция с някои брандиране елементи, които са адресирани вътре в потребителска страница образец, като например:

eNom-Конфигуриране-1-3

За да създадете JavaScript и CSS пакет в уеб Essentials

  1. В Visual Studio, в Решение Explorer изберете файловете, които искате да включите в пакета.

  2. С десния бутон върху избраните файлове и след това изберете Уеб Essentials > Създаване на JavaScript пакет файл от контекстното меню. Например:

    Екранна снимка, показваща уеб Essentials опции от менюто

Преглед на резултатите от обвързване JavaScript и CSS файлове

Когато създавате JavaScript и CSS пакет, уеб Essentials създава XML файл, наречен рецепти файл , който идентифицира JavaScript и CSS файлове, както и някои други информация за конфигурацията:

Лента с инструменти за бърз достъп в горния ляв ъгъл (местоположение по подразбиране)

Освен това, ако прозорец флаг е зададено на "истина" в групови рецепти файловете са намален размер както и групирани. Това означава, че нови, minified версии на файлове, JavaScript са били създадени, че можете да препращате вашата страница образец.

Диалогов прозорец "Добавяне на нов акаунт", показващ, че акаунтът не може да бъде конфигуриран

Когато зареждате страница от вашия уеб сайт, можете да използвате инструментите за разработчици от вашия уеб браузър, например Internet Explorer 11, за да видите броя на заявки, изпратени до сървъра и колко дълго всеки файл е отнело да се зареди.

Илюстрацията по-долу е резултат от зареждане JavaScript и CSS файлове преди minification.

Групата "Число" в раздела "Начало"

След групирането на CSS и JavaScript файлове заедно, броя на исканията за пропускат до 74 и всеки файл се само малко по-дълги от първоначалния файлове за изтегляне поотделно:

Екранна снимка, показваща, че са изтеглени 74 елемента

След групиране, JavaScript пакет файл е намален значително от 815 KB до 365 KB:

Екранна снимка, показваща намаления размер на файла за изтегляне

Групови изображения чрез създаване на вашия бележник.

Подобно на начина ви включи JavaScript и CSS файлове, можете да комбинирате много малки икони и други често срещани изображения в по-голям лист бележник и след това използвайте CSS да разкриете отделните изображения. Вместо да изтеглите всеки личен образ, уеб браузъра на потребителя изтегля листа на бележник веднъж и след това го кешира на локалния компютър. Това ще подобри скоростта на зареждане на страница чрез намаляване на броя на файлове за изтегляне и кръг пътувания до уеб сървъра.

За да създадете вашия бележник в уеб Essentials
  1. Във Visual Studio в Решение Explorer изберете файловете, които искате да включите в пакета.

  2. С десния бутон върху избраните файлове и след това изберете Уеб Essentials > Създай вашия бележник от контекстното меню. Например:

    Добавяне на повече страници към вашия бележник.
  3. Изберете местоположение за записване на файла на слайд. .Sprite файлът е XML файл, който описва настройките и файлове в слайд. Следващата фигура показва пример за бележник PNG файл и файл с XML му съответните .sprite.

    Няколко образеца за слайд

    Екранна снимка на XML файл със поредицата от изображения

Забележка : Отказ от отговорност за машинен превод: Тази статия е преведена от компютърна система без човешка намеса. Microsoft предлага тези машинни преводи, за да помогне на потребителите, които не говорят английски, да се възползват от съдържанието за продукти, услуги и технологии на Microsoft. Тъй като статията е преведена машинно, е възможно да съдържа грешки в речника, синтаксиса и граматиката.

Споделяне Facebook Facebook Twitter Twitter Имейл Имейл

Беше ли полезна тази информация?

Чудесно! Друга обратна връзка?

Как можем да подобрим това?

Благодарим ви за обратната връзка!

×