сухий рецепт алоо гобі | टाबा टाटल आलू गोभी की सब्जी | aloo gobhi ki sabji | aloo gobi masala сухий

Я перевіряю свій веб-сайт за допомогою gtmetrix, і мій веб-сайт рекомендується для меншої кількості запитів HTTP та зменшення кількості запитів DNS. Тому я повинен поєднати поєднання багатьох зовнішніх сценаріїв Javascript в один

У моєму макеті за замовчуванням такий

Для css:

<link rel='shortcut icon' href='/content/assets/img/favicon.ico'> <link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'> <link rel='stylesheet' href='/content/libs/materialize/css/materialize.css'> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.1.6/css/swiper.css'> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'> <link rel='stylesheet' href='/content/assets/style/[email protected]'> <link rel='stylesheet' href='/content/assets/style/[email protected]'> <link rel='stylesheet' href='/content/assets/style/custom-form-materialize.css'> <link href='/Content/dist/social-share/sharetastic.css' rel='stylesheet' /> <link rel='stylesheet' href='/content/assets/style/[email protected]'> 

Для js:

 <script type='text/javascript' src='https://code.jquery.com/jquery-3.2.1.min.js'></script> <script type='text/javascript' src='https://code.jquery.com/ui/1.11.4/jquery-ui.js'></script> <script src='/Content/dist/social-share/sharetastic.min.js'></script> <script src='/Content/assets/script/jquery.twbsPagination.min.js'></script> <script src='/Content/libs/materialize/js/[email protected]'></script> <script src='/Content/assets/script/select2.full.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.1.6/js/swiper.js'></script> <script src='https://www.youtube.com/iframe_api'></script> <script src='/Content/assets/script/rendercomponent.js'></script> <script type='text/javascript' src='/Content/assets/script/[email protected]'></script> <script src='/Content/assets/script/[email protected]'></script> <script src='/Content/assets/script/jcanvas.min.js' type='text/javascript'></script> <script src='/Content/assets/script/[email protected]' type='text/javascript'></script> 

Як я можу об’єднати багато зовнішніх сценаріїв Javascript в один?

Якщо їх об’єднання в одне не вплине на веб-сайт? Веб-сайти JS та CSS не є проблематичними?

  • 1 Подивіться на Webpack: webpack.js.org
  • @Adriano Мій веб-сайт, використовуючи sitecore cms. Це asp.net. здається, що ним не можна користуватися
  • Так. правильно. Webpack можна використовувати лише на серверах nodeJs. Вибач за те.
  • Використовуючи Asp.net, ви можете знайти своє рішення тут docs.microsoft.com/en-us/aspnet/core/client-side/…

Ви створюєте один файл із усіма CSS. Ви створюєте єдиний файл, що містить вміст усіх JavaScript. Ви видаляєте посилання на всі css та JS зі своїх сторінок і замінюєте їх на:

<script src='/js/combined.js'></script> <link rel='stylesheet' href='/css/combined.css'> 

Вам слід запустити комбіновані js і css через мініфікатор, такий як YUI Compressor, CSSNano, csso, UglifyJS або компілятор закриття.

Процес згуртування файлів, як правило, настільки простий, як відкриття всіх у текстовому редакторі та копіювання та вставка їх вмісту в один файл один за одним.

Зазвичай це не змінить способу роботи вашого сайту. Існує не велика різниця між наявністю окремих файлів для всього проти одного файлу з функціональної точки зору, але це може сильно змінити продуктивність. Є кілька речей, які можуть ускладнити ситуацію:

  1. Якщо CSS або JavaScript є динамічний. Тобто вони змінюються для різних користувачів або часто оновлюються. Копіювання версії JS у статичний файл порушить цю динамічну функціональність.
  2. Ви використовуєте різні JS та CSS на різних сторінках свого сайту. У цьому випадку ви можете створити різні комбіновані файли. Ви також можете створити базовий набір CSS та JS, який використовується скрізь, і доповнити його другим CSS та JS на деяких сторінках.
  3. Ваші CSS та JS призначені для незалежних функцій на вашому сайті. Ви можете не мати законних прав на копіювання JS та CSS стороннього коду. Якщо ви все-таки скопіюєте код, він може перестати працювати, якщо зміниться їх служба. Наприклад, я б не копіював JS, який забезпечує рекламу чи аналітику.
  4. Ви використовуєте зовнішній хостинг для загальних бібліотек, таких як jQuery. Оскільки багато інших сайтів використовують той самий зовнішній хостинг, ці ресурси, швидше за все, кешуються браузерами. Насправді може бути повільніше влаштовувати їх самостійно.
  5. Ваша CMS або її плагіни автоматично додають CSS та JS і не дають вам ніякого контролю над ними.

Роблячи подібні зміни, переконайтеся, що ви їх протестували та змогли повернути. Є ймовірність, що щось може піти не так, або що техніка не буде працювати на вашому сайті. Якщо у вас його ще немає, я рекомендую створити копію вашого сайту на сервері розробки та внести там зміни спочатку.

Інший спосіб вирішити цю проблему - це встановити на своєму сервері плагіни, які автоматично обробляють це для вас. Я не впевнений, що доступно для asp.net, але, ймовірно, щось є. Для Apache та Nginx модуль швидкості сторінок Google автоматично обробляє поєднання JS та CSS.

  • Добре. Я спробую. Я використовую sitecore cms. Тому я трохи боюся це робити. Боюсь, на моєму веб-сайті будуть проблеми
  • Чудово. Дякую. Я спробую це реалізувати. Сподіваюся, це працює гладко :)
  • Що ви маєте на увазі під JS та CSS стороннього коду?
  • Такі речі, як API шрифтів Google і рамка you tube. Код третьої сторони, який не має опції "завантажити та розмістити його самостійно".
  • Я все ще розгублений. Наприклад: code.jquery.com/jquery-3.2.1.min.js. Чи є код дзвінка стороннім кодом?

Для вас працювали: Charles Robertson | Хочете зв'язатися з нами?