شرح كيفية التسريع و التحسين من تحميل مواضيع مدونة بلوجر عبر سكريبت Script lazy load images لتحفيف من تحميل صور المدونة و تسريع تصفحها مع اضافة مؤثرات جدابة على مدونة Blogger
السلام عليكم اخوانى زوار و متتبعي مدونة علوم و تقنيات فى درس جديد على قسم دورة انشاء مدونة بلوجر احترافية , فى درس من دروس بلوجر قدمنا موضوع نشرح فيه طريقة تسريع مدونة بلوجر عبر ضغط الصور و الاكواد تجد الدرس من : هنا .
فى هذا الدرس ان شاء الله سنقدم لكم طريقة اخرى وفعالة لتحسين سرعة مدونة بلوجر و هذا عبر اضافة سكريبت lazy load images .
يقوم هذا السكريبت ببساطة بجعل تحميل الصور المدرجة فى مواضيعك تظهر واحدة تل و الاخرى اي يقوم هذا السكريبت باظهار الصور الظاهرة على اطار الشاشة و عندما يقوم الزائر بالنزول الى اسفل الصفحة تبدا الصور الاخرى بالظهور له , يعني المتصفح لا يقوم بتحميل جميع الصور دفعة واحدة حتى يقلل الضغط فى وقت التحميل على مدونتك و يجعل مدونتك تحمل بسرعة على المتصفح.
- التخفيف من الضغط على مدونتك.
- التصفح السريع على مدونة بلوجر.
- يقدم مؤثرات جدابة على مدونة بلوجر.
- اضغط عبر لوحة المفاتيح Ctrl + F ثم ابحث عن كود </head>
- فوقة مباشرة قم باضافة كود سكريبت lazy load images التالي :
- و فى الاخير قم بالحفظ و مبروك عليك
من هنا شرح بالفيديو طريقة عمل سكريبت lazy load images و كيفية تركيبه
لاتنسى تقييم الموضوع بتعليق .. شاركه مع اصدقائك للافادة
السلام عليكم اخوانى زوار و متتبعي مدونة علوم و تقنيات فى درس جديد على قسم دورة انشاء مدونة بلوجر احترافية , فى درس من دروس بلوجر قدمنا موضوع نشرح فيه طريقة تسريع مدونة بلوجر عبر ضغط الصور و الاكواد تجد الدرس من : هنا .
فى هذا الدرس ان شاء الله سنقدم لكم طريقة اخرى وفعالة لتحسين سرعة مدونة بلوجر و هذا عبر اضافة سكريبت lazy load images .
يقوم هذا السكريبت ببساطة بجعل تحميل الصور المدرجة فى مواضيعك تظهر واحدة تل و الاخرى اي يقوم هذا السكريبت باظهار الصور الظاهرة على اطار الشاشة و عندما يقوم الزائر بالنزول الى اسفل الصفحة تبدا الصور الاخرى بالظهور له , يعني المتصفح لا يقوم بتحميل جميع الصور دفعة واحدة حتى يقلل الضغط فى وقت التحميل على مدونتك و يجعل مدونتك تحمل بسرعة على المتصفح.
مزايا سكريبت lazy load images
- تحميل الصور بالتدريج على مدونتك ( يتم تحميل فقط الصورة التي يتم عرضها حاليا من قبل الزوارعلى الشاشة ).- التخفيف من الضغط على مدونتك.
- التصفح السريع على مدونة بلوجر.
- يقدم مؤثرات جدابة على مدونة بلوجر.
كيفية تركيب سكريبت lazy load images
- اولا الدخول الى قالب مدونتك , ثم الى تحرير HTML , لاتنسى اخد نسخة احتياطية من قالبك- اضغط عبر لوحة المفاتيح Ctrl + F ثم ابحث عن كود </head>
- فوقة مباشرة قم باضافة كود سكريبت lazy load images التالي :
- و فى الاخير قم بالحفظ و مبروك عليك
من هنا شرح بالفيديو طريقة عمل سكريبت lazy load images و كيفية تركيبه
لاتنسى تقييم الموضوع بتعليق .. شاركه مع اصدقائك للافادة