it-swarm.dev

كيف أقوم بضغط JavaScript و / أو CSS الخاص بي؟

أعلم أن هناك طرقًا قم بتحميله ديناميكيًا في الصفحة ، ولكن إذا أردت ضغط الكود الخاص بي حتى يتم تحميله بشكل أسرع ، كيف يمكنني القيام بذلك؟

8
Jason

تصغير يبدو أنه المعيار. هنا هو منشور مدونة مع شرح لكيفية استخدامه.

3
Travis Northcutt

أوصي بشدة Google Closure Compiler لضغط شفرة JavaScript. أنا استخدمها شخصيًا ، كما أنها الضاغط الرسمي المستخدم في مشروع jQuery.

يمكن لهذا المشروع أن يفعل الكثير ، لكن الأساسيات هي:

Java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js
8
Mike

استخدام gzip .

3
ilhan

يمكنني استخدام جوستين اثيريدج SquishIt المشروع. هذا رائع! ل asp.net فقط ولكن.

  • ويستخدم YUI لضغط CSS و Javascript.
  • وهو يدعم أقل
  • أعتقد أنه يدعم Google Closure
  • انها سهلة الاستخدام يبعث على السخرية.

قراءة مقدمة لنشر بلوق squishit .

إليك بعض نماذج التعليمات البرمجية التي من شأنها تقديم علامة _<script>_ واحدة وعلامة _<link>_ واحدة. سيشير كلاهما إلى ملف JS/CSS مدمج ومصغر.

_<%= Bundle.JavaScript()
    .Add("~/js/jquery-1.4.2.js")
    .Add("~/js/jquery-ui-1.8.1.js")
    .Render("~/js/combined_#.js")
%>

<%= Bundle.Css()
    .Add("~/css/reset.css")
    .Add("~/css/text.css")
    .Add("~/css/960.css")
    .Render("~/css/combined_#.css")
%>
_
2
jessegavin

هناك العديد من الأدوات الشائعة جدًا لضغط/تصغير JavaScript و CSS.

  • ياهو يوي ضاغط
  • Microsoft AJAX Minifier
  • برنامج Google Closure Compiler (جافا سكريبت فقط)

جميعها قوية جدًا - يمكنك العثور على مقارنات بينها بسهولة تامة. جميعها أدوات لسطر الأوامر ، بحيث يمكن دمجها بسهولة في التشغيل تلقائيًا عند إنشاء موقع الويب الخاص بك أو نشره.

يمكنك أيضًا العثور على العديد من مواقع الويب التي تقوم بتشغيل هذه الأداة من أجلك ، مما يوفر لك وقت الاضطرار إلى التثبيت/التكوين. يساعد هذا أيضًا إذا لم تكن معتادًا على استخدام أدوات سطر الأوامر.

شخصيا ، لقد كنت دائما تستخدم YUI ضاغط .

1
Sean Moubry

تحقق من هذه المقارنة لمصغرة JS & CSS لاختيار ما يناسبك -

0
mvark

هذا واحد يستخدم خوارزمية ضاغط YUI:

http://www.jscompressor.com

0
Nitro

أضف كل ملفات جافا سكريبت لديك إلى ملف واحد وقم بضغطها على سبيل المثال jsmin (http://www.crockford.com/javascript/jsmin.html). قم بذلك أيضًا مع CSS ولكن استخدم تقنية ضغط أخرى (إزالة مسافة بيضاء). نظرًا لأن هذه مهمة مكررة مملة ، فهناك برامج نصية متوفرة ستقوم بذلك من أجلك. أستخدم Django وأستخدم أصول Django لأتمتة هذه العملية بالكامل.

0
D4V360

إذا كنت تريد ضغط حجم ملفات Javascript الخاصة بك ، يمكنك استخدام packer .

0
HoLyVieR