هل هناك أي preloader صفحة ويب؟
لقد وجدت preloader لملفات فلاش | swf ، preloader ومحمل كسول للصور. ولكن لا شيء للصفحة كاملة.
بعض المواقع ، مثل موقعي ، لها رأس وتذييل كبير. أحتاج بعض preloader لهذا الغرض. الرجاء الاقتراح.
هل تريد تحميل صفحة ويب كاملة مسبقًا؟ يا ولد ، هل لدي حل مثالي لك!
يدعم Firefox الجلب المسبق للرابط ، وهو جزء من HTML 5 ، مما يعني أن المزيد من المتصفحات ستدعمه في الأشهر المقبلة.
ما عليك سوى التمسك بمثل هذا في قسم <head> من مستند HTML:
<link rel="prefetch" href="http://url.goes.here/" />
<link rel="prefetch" href="http://url.goes.here/images_work_too.jpg" />
قراءة المزيد عنها هنا:
أنا لست متأكداً مما تقصد بريسيدلوير. لا يمكنك تحميل أي شيء على صفحة قبل أن تذهب إليها إلا إذا كان هناك شيء يتم إعادة استخدامه على صفحة تم الوصول إليها بالفعل أو تم تحميلها على صفحة سابقة تحسباً (هذه ليست فكرة جيدة).
يمكنك استخدام JavaScript لتحميل كسول وتذييل الصفحة عن طريق تحميل رأس وتذييل الصفحة مع جميع العلامات الفارغة التي لها معرفات ثم تحميلها لاحقًا باستخدام JavaScript. بشكل عام ، لا أقترح القيام بذلك لأنه يضيف الكثير من العمل الإضافي ويمكن أن يجعل صفحتك أكبر. سيكون لديك جافا سكريبت إضافي ولم تربح أي شيء.
ما أقترحه هو كسول تحميل الصور الخاصة بك مع جافا سكريبت لأنه يبدو أنها جزء كبير من صفحتك. أيضًا ، جرب صفحتك في Fire Fox وتثبيت Firebug و YSlow. هذا سيساعدك على معرفة السبب في أن صفحتك أبطأ.
إليك بعض الأشياء التي لاحظتها على وجه التحديد ويمكنك القيام بها على الفور:
- الجمع بين وتقليل ملفات CSS الخاص بك. لديك 6 الآن. لديك النفقات العامة لكل ملف تقوم بتحميله.
- استخدم ذاكرة التخزين المؤقت للمتصفح للتخزين المؤقت للصور المستخدمة في موقعك. بهذه الطريقة ، سيتم تحميل صفحة واحدة ببطء للأشخاص فقط. بعد ذلك سيتم سحب الصور من ذاكرة التخزين المؤقت الخاصة بهم.
- حدد عرض وارتفاع كل صورك. هذا سوف يقلل من وقت التحميل.
- تصغير HTML الخاص بك
- تصغير صورك فهي أكبر بنسبة 11 ٪ مما يحتاجون إليه.
- ضع الصور على نطاق cookieless لجعلها أسرع في التحميل.
- انشر صورًا أصغر تستخدمها مرارًا وتكرارًا. سيؤدي ذلك إلى تقليل عدد مكالمات http المطلوبة لكل صفحة ليتم تحميلها.
أخيرًا ، هناك شيء آخر قد يكون قادرًا على مساعدتك في تخزين الأشياء على الخادم الخاص بك. إذا كان موقعك يحتوي على الكثير من استعلامات قاعدة البيانات للمحتوى الذي نادراً ما يتغير أو لا يتغير مطلقًا ، فاخزن مؤقتًا نتائج الاستعلامات في ذاكرة التخزين المؤقت للخوادم. هذا سيجعل وقت تشغيل الخادم ينخفض. تقوم شركات مثل Facebook بذلك إلى درجة وجود 99٪ من محتواها في ذاكرة التخزين المؤقت للخادم.
رأسك وتذييلك كبير جدًا في إجمالي 202 كيلو بايت. إذا قمت بتقليل معامل جودة JPEG عند حفظ الصور ، فمن المحتمل أن تصل إلى 150 كيلوبايت أو حتى 100 كيلوبايت دون فقد ملحوظ للجودة.
خيار آخر هو تقسيم الرأس إلى جزأين ، أحدهما يحتوي على رسومات تفصيلية مثل النرد الذي يتناثر في الماء ، ثم الآخر بكتل "الألوان الصلبة". احفظ الجزء الثاني باسم PNG ويمكنك تحقيق وفورات هناك. إن أمكن ، قلل إلى 256 لونًا (يمكنك بالتأكيد القيام بذلك باستخدام تذييل الصفحة).
لقد لاحظت أيضًا أن رأس/تذييل الصفحة يتم تقديمه كـ application/octet-stream. (إذا قمت بفتح الصورة مباشرة تتم مطالبتك بتنزيلها.) لا أعرف ما إذا كان هذا سيحدث اختلافًا ولكنني سأستخدم محاولة استخدام أنواع صور mime المناسبة مثل image/jpeg . من الممكن أن يقوم المتصفح بتنزيل الملف بالكامل قبل معرفة نوعه بالضبط.
إذا فشل كل هذا ، فيمكنك استخدام خدعة Javascript لتحميل الصور آخر مرة. انقل قواعد CSS لصور الخلفية إلى فئتين منفصلتين من CSS ، ولكن لا تضيفها إلى HTML. (الآن عند تحميل الصفحة ، لا تظهر الصور.) استخدم Javascript لإضافة هذه الفئات بمجرد تحميل الصفحة.