الكثير من اصحاب المدونات و المواقع يعاني من بطئ المدونة او الموقع، و هذا الأمر لا يعطي المدونة حق تصدر نتائج البحث في جوجل بسبب سياسة google الجديدة.
اقدم لكم شرح الطريقة الصحيحة لأستخدام كود lazyload لتسريع مدونة بلوجر، فقط على مدونة تطبيقي بلس وانا استخدمها في المدونة.
مميزات كود lazyload
• تسريع مدونة بلوجر بشكل ملحوظ
• يقوم بعرض الصور واحدة تلو الأخرة،بمعنى يقوم بعرض الصوره عند مشاهدتها
• يحل مشكلة تأجيل الصور خارج الشاشة
طريقة تكيب كود lazyload
قم بتسجيل بحسابك ثم الذهاب إلى منصة بلوجر من هنا.
إنتقل إلى المدونة،ثم إلى القالب،ثم إضغط على تحرير edit html.
إضغط في وسط محرر الأكواد ثم ctrl + f لأظهار مربع البحث.
بإستعمال زر ctrl + c للنسخ و ctrl + v للصق.
قم بالبحث على وسم
]]></b:skin>
ثم قم باإضافة هذه الكود فوقه
/* LAZYLOAD */
.lazyload, .lazyloading{opacity: 0;}
.lazyloaded{opacity: 1;transition: opacity 300ms;}أذا اردت تأخير عرض الصور لمدة أطول عدل على رقم 300 برقم الذي تريد.
بعدها قم بالبحث على وسم
</head>ثم قم بإضافة هذه الكود فوقه
<script src='https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.1.2/lazysizes-umd.min.js' type='text/javascript'/>بعدها قم بالتعديل على جميع اوسم ال img>
بهذا الكود
class='lazyload'مثال
add_comment ليست هناك تعليقات:
إرسال تعليق