Оптимизируя внешнюю нагрузку, как мне правильно комбинировать и сжимать мой JS?

Мой веб-сайт для корпоративного клиента имеет около 90 активов, загружаемых при загрузке, 35 или около того - это файлы JS. Даже «оптимизирующие» расширения, созданные для Joomla, кажутся мне до 31 или более JS-файлов и сжимают только комбинированные css /js, а не те, которые кажутся запущенными.

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

Мой шаблон - это основа Rockettheme с большой настройкой, поэтому у него есть Gantry js, bootstrap js, несколько расширений, таких как мой видеоплеер, с использованием js-файла и т. д., и они, похоже, распространяются на пару на расширение а не только один.

Что работает и что не для улучшения этой части фронтальной нагрузки?

8 голосов | спросил Toni Marie 13 42014vEurope/Moscow11bEurope/MoscowThu, 13 Nov 2014 22:59:52 +0300 2014, 22:59:52

3 ответа


9

С этими файлами будет нелегко справиться. Объединять, минимизировать и сжимать все это вместе, скорее всего, вызовут проблемы. Для достижения удовлетворительного уровня оптимизации потребуется много усилий и сочетание методов.

Мой общий подход к быстрому месту загрузки.

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

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

Быть эклектичным - оставаться минимальным

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

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

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

Работа с вашим руководством

Я бы предложил просмотреть все расширения, которые вы должны посмотреть, как они загружают свои файлы ресурсов, и если возможно избежать загрузки их на страницах t нуждаются в них, например вы можете создавать переопределения шаблонов, где это возможно, самостоятельно контролировать загрузку файлов активов.

Вы можете обнаружить, что существуют расширения, которые вам не нужны , но все еще загружены или у вас нет оптимальных настроек , как они должны работать .
Например. JCE Mediabox предоставляет возможность загрузки только в определенные пункты меню.

Также посмотрите, можно ли объединить файлы в один. Например. не позволяйте любому модулю загружать его в css, попробуйте объединить его с css-файлом шаблона.

Инструменты оптимизации

CSS /JAVASCRIPT COMPRESSION & CONTROL
Что касается инструментов оптимизации /плагинов, я очень доволен JCH Optimize мощный> плагин. Это бесплатно, но также имеет коммерческую версию с поддержкой нескольких долларов. При правильной настройке он может дать отличные результаты, и разработчик очень полезен, если вам нужна поддержка.

Другим инструментом, который может оказаться полезным, является JQuery Easy plugin . Это может помочь лучше организовать и контролировать загрузку различных файлов javascript, если они конфликтуют друг с другом и облегчают оптимизацию с помощью JCH_Optimize Plugin.

КЭШ
Я также использую Jot Cache , чтобы лучше контролировать кэш, поскольку многие расширения имеют проблемы с кешем ядра.

CDN
Использование CDN для доставки статического контента - это следующий инструмент - я использую NoNumber CDN для Joomla

HTAccess
Наконец, большие преимущества вы получите с помощью htaccess до сжать и добавьте Заголовки истечения к файлам.

ответил FFrewin 14 52014vEurope/Moscow11bEurope/MoscowFri, 14 Nov 2014 00:01:12 +0300 2014, 00:01:12
5

Нет простого решения для 30+ JS-файлов.

ответил Anibal 13 42014vEurope/Moscow11bEurope/MoscowThu, 13 Nov 2014 23:30:54 +0300 2014, 23:30:54
0

возможно, вы можете попробовать этот бесплатный онлайн-сервис для сжатия javascript http://www.online -code.net/minify-js.html и minify css http: //www.online-code.net/minify-css.html , поэтому он уменьшит размер веб-страницы. и этот инструмент свободен для использования, просто нужно загрузить файл js и css, вы можете загрузить мини-файл позже.

ответил tonytong 12 SatEurope/Moscow2015-12-12T06:58:35+03:00Europe/Moscow12bEurope/MoscowSat, 12 Dec 2015 06:58:35 +0300 2015, 06:58:35

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132