سؤال

أحاول تحسين وقت تحميل موقع الويب الخاص بي لأنه كان طويلًا جدًا، وما زال كذلك، خاصة بالنسبة لصور jQuery UI CSS،

إذا كان لديك دقيقة، هل يمكنك إلقاء نظرة عليها هذا الاختبار بينغدوم?

من بين الملفات رقم 60 و75، يوجد عدد قليل من الصور من ملف jQuery CSS (أعيدت تسمية المسار للتو).يستغرق الأمر ما يصل إلى 3 ثوانٍ للاتصال، وبعد ذلك يبدو أنه يتم تحميله بسرعة.لكن 3 ثواني للاتصال؟

قطعة CSS المتعلقة بهذا:

.ui-icon { width: 16px; height: 16px; background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/css/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/css/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/css/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/css/images/ui-icons_454545_256x240.png); }

ومسار ملف CSS هذا هو: /CSS/ui.css

ومسار الصور هو : /CSS/images/*.png

إذا لم يكن الأمر متعلقًا بالمسارات، فأنا ضائع تمامًا هنا، هل هناك أي دليل؟

هل كانت مفيدة؟

المحلول

الشيء الآخر الذي يجب التفكير فيه هو أن متصفحك يستخدم التخزين المؤقت.لذلك، عند إجراء اختبار مثل هذا، سيبدو أن صور JQuery UI بطيئة للغاية.ولكن بالنسبة للمستخدم (مع إعداد التخزين المؤقت المناسب للمتصفح) فإن "العقوبة" ستحدث مرة واحدة فقط.لذلك، في الواقع، هذا ليس اختبارًا عادلاً تمامًا.

سأشعر بالقلق أكثر بشأن صورة الخلفية التي يبلغ حجمها 40 كيلو بايت وCSS الأقل من الأمثل.يحاول هذا الموقع على مستند CSS الخاص بك لإسقاط 13% من الحمل الزائد (على الموقع الرئيسي CSS). كما يمكنك الاستفادة من دمج مستندات CSS معًا، مما سيؤدي إلى تقليل الحمل الزائد لـ HTTP.مرة أخرى، بفضل مفهوم التخزين المؤقت للمتصفح، سيكون هذا تحسينًا لمرة واحدة فقط لمتصفح تم إعداده بشكل صحيح.

بالمقارنة مع العديد من المواقع الموجودة هناك، يتم تحميل هذا الموقع بسرعة كبيرة.ما لم يكن موقعك يصل إلى أكثر من 20 مليونًا يوميًا، أو إذا كنت تدفع بالكيلو بايت مقابل عرض النطاق الترددي، فإن الإعداد أكثر من كافٍ.

نصائح أخرى

أنا لا أرى هذا التأخير الطويل.يبدو أن التحميل يستغرق أقل من ثانية.

enter image description here

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top