تحسين الصورة باستخدام Staticaly CDN لتسريع مدونة بلوجر

تسريع مدونة بلوجر أو موقع إلكتروني ، يمكن إجراء ذلك بسهولة تامة بمساعدة  Staticaly CDN يمكنها تقليل حجم الصورة قدر الإمكان.

بالنسبة للمدونين الذين يقومون بأدراج لقطات للشاشه او "Screenshot" في تدويناتهم يعناون من كبر حجمها وبسبب كبر حجم الصور يعاني أصحاب المدونات من بطئ تحميل المدونة أو التوينه التي تحتوي علي عدد كبير من الصور ذات الحجم الكبير

لكن الآن لا داعي للقلق بشأن الصور كبيرة الحجم التي يمكنك تحسينها الآن بمساعدة Staticaly CDN.

 سنقوم بجعل الصور كبيرة الحجم الثقيله في التحميل إلي صوره بحجم أصغر وتحميل أسرع بمساعدة  Staticaly CDN

ما هوStaticaly CDN؟


باختصار ، Staticaly عبارة عن CDN مجاني وموثوق ومفتوح المصدر لملفاتك الثابتة ، وهي مزودة بميزات متقدمة حتى تتمكن من تحميل مشاريعك في GitHub و GitLab و Bitbucket أسهل أو حتى تحميل الصور من الخادم يصبح أسرع.

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

كيف يمكن تحسين الصور في بلوجر وجعلها تحمل بشكل أسرع؟


هذه الطريقة سهلة للغاية ، إذا قمت بتحميل الصور من خلال Blogger ، فستحصل عادة على عنوان url للصور يشبه إلى حد ما المثال التالي.

https://2.bp.blogspot.com/-pB5sVdkn88o/W6rkzskMGYI/AAAAAAAAEC8/sGWln4I5jhc1GL-p1JXYXus-hc8xUVIZwCLcBGAs/s1600/cdn-staticaly.png

تحتاج فقط إلى تغيير https:// بـ https://cdn.staticaly.com/img/ ، لتصبح كالمثال التالي.

https://cdn.staticaly.com/img/2.bp.blogspot.com/-pB5sVdkn88o/W6rkzskMGYI/AAAAAAAAEC8/sGWln4I5jhc1GL-p1JXYXus-hc8xUVIZwCLcBGAs/s1600/cdn-staticaly.png

أو ، يمكنك استخدام طريقة أسهل ، عن طريق كود JavaScript ، من خلال وضع الكود  أدناه أعلى الوسم </body>


<script>
//<![CDATA[
var images = document.getElementsByTagName('img');
  for (var i = 0; i < images.length; i++) {
    images[i].src = images[i].src.replace(/.*?:\/\//g ,
"https://cdn.staticaly.com/img/");
  };
//]]>
</script>

باستخدام كود JavaScript  أعلاه ، سيجعل جميع الصور في المدونة تستخدم staticaly تلقائيًا. لذلك ، يرجى اختيار ما إذا كنت تريد استخدام الأساليب اليدوية أو التلقائية.

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

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

● أسئلة شائعة



ما هي نتائج الصورة بعد استخدام Statically CDN؟
من حيث نتائج التجربة ، يمكن ملاحظة أن الحجم المنتج صغير جدًا. بينما من حيث جودة الصورة ، فإنه لا يتسبب في تأثير كبير (فقط شهدت إختلافاً بسيطًا في الجودة). يرجى اختبار هذا بنفسك لإثبات ذلك أو إثبات عكسه.
هل يمكن استخدام Statically CDN على المدى الطويل؟
في الوقت الحالي ، لا يمكنني تأكيد ما إذا كان يمكن استخدام هذا على المدى الطويل أم لا.
هل يمكن تطبيق هذه الطريقة على مدونة بلوجر فقط؟
بالطبع يمكنك ، ليس فقط علي بلوجر أو وردبريس ، أي نوع من مواقع الويب يسطيع استخدام هذه الطريقة.
هل يوجد حدود أو حد أقصى لحجم الصورة؟
يبدو أنه لا يوجد حد ، قمت بتحميل صور بحجم 4 ميغابايت ، ونجح الأمر هل يمكن استخدام صور بحجم أكثر من 4 ميجابايت؟

الخلاصة


 يمكن بهذه الطريقة زيادة سرعة تحميل مدونات بلوجر بنسبة تصل إلى 50٪ ، لأن نتائج ضغط الصور جيدة جدًا مع الحفاظ على جودة صورة واضحة بأقل حجم ممكن.