معرفة حجم الصفحة مع YSlow / مطور ويب امتداد
-
21-09-2019 - |
سؤال
أحاول معرفة كم جافا سكريبت يتم تحميلها على موقع الويب الخاص بي.أنا باستخدام Reducisaurus لتقليص بلدي ملفات js.المشكلة أن هذا هو الذي يسبب كل YSlow و مطور ويب امتداد التقرير حجم الملفات مثل ~.04K الذي أعرفه لا يمكن أن يكون صحيحا (واحد من .js الملفات مسج, وهو 50 كيلوبايت).هل هناك أي طريقة بدقة لمعرفة كم من الوقت لقد توفير باستخدام Reducisaurus?
المحلول
فعلا @azeem.butt هو خطأ ، على الأقل جزئيا.
سيناريو غير Reducisaurus:
- المستخدم A يذهب إلى موقع الويب الخاص بك
- المستخدم A يطلب CSS / JS
- مضيفك يخدم غير محتمل طلب CSS / JS
- يذهب المستخدم ب إلى موقع الويب الخاص بك
- يطلب المستخدم B CSS / JS
- مضيفك يخدم غير محتمل طلب CSS / JS
سيناريو LEMORUCISAURUS:
- المستخدم A يذهب إلى موقع الويب الخاص بك
- المستخدم A يطلب CSS / JS من LEMISISAURUS.APPSPOT.com
- LEMISISAURUS.APPSPOT.com يطلب CSS / JS من مضيفك
- LEMISISAURUS.APPSPOT.com MINIFIES ، ذاكرة التخزين المؤقت (
expire_urls
وmax-age
) ويقدم CSS / JS - يذهب المستخدم ب إلى موقع الويب الخاص بك
- يطلب المستخدم B CSS / JS من LEMISISAURUS.APPSPOT.com
- LEMISISAURUS.APPSPOT.com يخدم مخبأة CSS / JS
لذا ، باستخدام LeMisaurus ، فأنت لا تقوم بتعريف المحتوى فحسب ، بل أنت أيضًا خدمة طلب واحد فقط لكل منهما x
ثوان, ، أين x
إنه عدد الثواني التي حددتها لعيش ذاكرة التخزين المؤقت (الافتراضي هو 600 ثانية = 10 دقائق). أيضًا ، نظرًا لأنه ليس خادم الويب الخاص بك هو أن يخدم الملفات ، فإنه سيقلل من عبء العمل ونظريًا ، يكون أسرع. يحدث التقليل مرة واحدة فقط لكل TTL.
هناك أشياء أخرى يجب مراعاتها والتي يمكن أن تجعل التخفيضات أكثر جاذبية ، مثل أ CDN.
الشيء الذي يقلقني بشأن التخفيضات هو الموثوقية ، لأنه يحرر أي شخص يمكنه استغلاله ، وبالتالي يجعل الخدمة بأكملها عديمة الفائدة ، بخلاف أنها فكرة / خدمة رائعة.
jQuery
46.401 bytes (45.31 KB):
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js
jQuery و Google Minification
24.678 bytes (24.10 KB) - 46.82% smaller:
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
JQuery & LeMisaurus Minification
26.325 bytes (25.71 KB) - 43.20% smaller:
http://reducisaurus.appspot.com/js?url=http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js
نصائح أخرى
النماذج يدويا لن من الصعب جدا في هذه الحالة.
- تحديد متوسط صافي سرعة المستخدمين (يجب عليك القيام بذلك على أي حال).
- تحديد (على أساس أن السرعة) كم يستغرق تحميل الملف حجم الملف كبير.
- تحديد (على أساس أن السرعة) كم يستغرق تحميل الملف حجم الملف صغير.
- طرح.
لذا بدلاً من إرسال ملف JS مباشرة إلى متصفح المستخدم ، يمكنك بدلاً من ذلك إرساله إلى اخر خادم الويب ، انتظر حتى "ضغط" ثم أرسل نتائج هذا الضغط إلى المستخدم لك؟ لا أستطيع أن أتخيل أن توفير أي وقت على الإطلاق ، وإذا سقطت الخدمة ، يتوقف موقعك عن العمل.
ما لم أكن أسيء فهم هذه الخدمة التي تستخدمها ، أقول أن mod_deflate سيكون أكثر فائدة بلا حدود.