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

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

شرح طريقة تسريع مدونة بلوجر ، طريقة زيادة سرعة تحميل مدونة بلوجر ، الدليل الكامل لزيادة سرعة تحميل مدونة بلوجر ؟ 

سأعرض في هذه التدوينة كيفية زيادة سرعة تحميل مدونة بلوجر ، كما سنحاول جعل مدونة بلوجر تحمل بشكل صاروخي .
تسريع مدونة بلوجر أمر هام جداً في زيادة زيارات المدونة وفي ترتيب موقعك في محركات البحث ، وهو من العوامل المهمة للـ SEO ، حيث يعد تسريع مدونة بلوجر من الخطوات المتقدمة في تهيئة محركات البحث وأرشفة موقعك في الصفحة الأولي أو النتيجة الأولي .

شرح طريقة تسريع مدونة بلوجر ، طريقة زيادة سرعة تحميل مدونة بلوجر ، الدليل الكامل لتحميل المدونة في اقل من ثانية؟
قبل أن ننتقل الي كيفية زيادة سرعة تحميل مدونة بلوجر ، دعونا نعرف كيف نقيس سرعة تحميل المدونة أولا ؟

طرق وكيفية قياس سرعة تحميل المدونة ! 


هناك طرق عديدة لقياس سرعة مدونتك او موقعك ، ولكن دعونا نعرض أهم تلك الطرق :
  1. قياس سرعة تحميل المدونة بإستخدام موقع Page Speed Insights : 

  2. موقع Page Speed Insights هو أداة من جوجل لقياس سرعة المواقع الإلكترونية .

    ولقياس سرعة المدونة عن طريق موقع Page Speed Insights ، قم بالذهاب الي الموقع من هنا ، وقم بوضع رابط مدونتك وأخيراً أضغط علي Analyze أو تحليل إن كانت لغة متصفحك هي العربية . 

    قياس سرعة تحميل المدونة بإستخدام موقع Page Speed Insights :
    وبعدها تظهر لك سرعة تحميل موقعك بحيث أن السرعة ما بين 0:50 فهي سيئة وما بين 50:90 فهي إلي حد ما جيدة وبين الـ 90 فما فوق فهي ممتازة .
    قياس سرعة تحميل المدونة بإستخدام موقع Page Speed Insights :
    ويظهر لك في الأسفل بعض معايير قياس سرعة تحميل موقعك، دعني اوضح لك بعضها: 
    • معيار الـ First Contentful Paint : 
    • وهو يقيس سرعة أول شئ يظهر في موقعك، أي أنه يقيس أول شئ ملون كالـ Header مثلاً في موقعك .
    • معيار الـ First Meaningful Paint :
    • وهو يقيس سرعة أول شئ له معني يظهر في موقعك، أي أنه يقيس سرعة ظهور الـ Header كاملاً في موقعك .
    • معيار الـ Speed Index : 
    • وهو يقيس سرعة إكتمال تحميل الموقع من حيث الشكل.
    • معيار الـ First CPU Idle : 
    • وهو يقيس المدة التي يأخذها المعالج حتي يتوقف وينتهي من تحميل كامل الموقع.
    • معيار Time to Interactive :
    • وهو يقيس الوقت الذي بعده يمكن للمستخدم التفاعل مع موقعك كالبحث عن تدونية أو كتابة تعليق وهكذا.
    وينبغي عليك تحليل هذه المعايير والتعرف علي المشاكل التي تُعيق تحميل موقعك؛ ولننتقل الي الموقع الثاني لقياس سرعة تحميل موقعك:  
  3. قياس سرعة تحميل المدونة بإستخدام موقع Gt Metrics : 

  4. وموقع GT Metrics شبيه أيضاً بأداة جوجل والميزة هنا أنه يعطيك تقرير مُفصل عن المشاكل الموجودة في موقعك وأيضاً يعطيك حلول لهذه المشاكل . 
    قياس سرعة تحميل المدونة بإستخدام موقع Gt Metrics :
وبعد أن ناقشنا طرق قياس سرعة تحميل الموقع، دعونا ننتقل الي طرق زيادة سرعة تحميل الموقع؛ وسوف أعرض طرق زيادة السرعة عن طريق حل المشاكل التي من الممكن أن تبطئ الموقع الخاص بك .
* لكل موقع مشاكل وبالتالي طرق مختلفة لزيادة السرعة ولكي تحل هذه المشاكل عليك أن تعرف ما الذي يبطئ موقعك، وسأعرض هنا حل لمشاكل زيادة سرعة تحميل الموقع المشهورة : 

طرق وكيفية زيادة وتسريع سرعة تحميل مدونة  بلوجر ! 

  1. تسريع مدونة بلوجر عن طريق إزالة كل الاكواد التي ليس لها فائدة في المدونة وأيضاً إزالة الأدوات الغير مهمة والغير ضرورية من المدونة : 

  2. بعض الإضافات تكون غير ضرورية وحذفها لن يأثر علي المدونة، فقط احتفظ بالإضافات المهمة والتي بدونها لا تصلح المدونة للعمل. وأيضاً تكون هناك إضافات تستخدم الجافا سكريبت Java Script والتي تعيق المدونة بشكل كبير وذلك كبعض السلايدرز Sliders التي تجدونها في العديد من المدونات. 
  3. تسريع مدونة بلوجر عن طريق عمل Optimize للصور التي تستخدمها في موقعك :

  4. المشكلة :
    Serve images in next-gen formats Image formats like JPEG 2000, JPEG XR, and WebP often provide better compression that PNG or JPEG, which means faster downloads and less data consumption. Efficiently encode images 
    Optimized images load faster and consume less cellular data
    الحل :
    يعتبر إستخدام الصور أمر له أهمية كبيرة في توضيح المقالات التي نكتبها ولكن علينا القيام بتصغير حجم هذه الصور، حيث أن الصور تكون بأحجام كبيرة وهو ما يبطئ مدونة بلوجر.
    هناك مواقع عديدة تقوم بعمل Optimize للصور بدون التضحية بجودة الصور، ومن المواقع التي أرشحها بكم؛ موقع Short Pixel  وأنا شخصياً أستخدم هذا الموقع. يمكنك أيضاً إستخدام الفوتوشوب لتقليل حجم الصور.
  5. تسريع مدونة بلوجر عن طريق تحميل اسكريبتات الموقع بطريقة متوازية مع تحميل تنسيق المدونة :

  6. المشكلة :
    Reduce JavaScript execution time Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this Minimize main-thread work 
    الحل : تحميل الـ Script الخاصة بموقعك بشكل Asynchronously يجعل موقعك يحمل بسرعة ويحسن من سرعة موقعك . وللقيام بهذا إنتقل إلي صفحة تعديل الـ HTML الخاصة ببلوجر وقم بالبحث عن Script وفعل هذه الميزة بوضع كلمة
    async="async"
  7. تسريع مدونة بلوجر عن طريق تقليل الوقت اللازم لتحميل خطوط الويب المستخدمة في المدونة: 

  8. خطوط الويب هي الخطوط التي تُستخدم في المواقع الإلكترونية، وإستخدام خطوط مميزة أمر ضروري ولكن علينا ألا نُكثِر في إستخدام هذه الخطوط، فقط يكفي خطين أو ثلاثة علي الأكثر في المدونة. كما أرشح إستخدام الخطوط التي توفرها شركة جوجل حيث تمتاز بسرعة تحميلها، كما أن جوجل توفر مجموعة من الخطوط الجيدة، أعرف كيف تضيف هذه الخطوط في مدونة بلوجر من  هنا. المشكلة :
    Ensure text remains visible during webfont load Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading.
    الحل : إستخدام هذا الكود لتحميل الخطوط والذي يقوم بالسماح بتحميل الصفحة أولاً، وبعد ذلك يتم تحميل الخط :
    هذا الكود يتضمن تحميل خط الفونت Font awesome وتأكد من تغيير كلمة "Font Name " بإسم الخط الذي تريد إستخدامه كما هو موجود في موجود في موقع Google Web Fonts ؛ هذا الكود أيضاً لا يعمل إلا مع الخطوط التي تقدمها جوجل . ضع هذا الكود فوق وسم الـ </head>.
  9. تسريع مدونة بلوجر عن طريق إستخدام كود الـ Lazy Loading لتأخير تحميل الصور: 

  10. كود الـ Lazy Load يؤخر تحميل الصور حتي إكتمال تحميل الصفحة، وهو كود هام في علاج بطئ مواقع الانترنت ولتقوم بإضافة هذا الكود قم بنسخ الكود أسفل ووضعه فوق وسم الـ </head>. هذا الكود مدمج به إضافة الـ JQuery حتي يعمل بشكل صحيح  :
  11. تسريع مدونة بلوجر عن طريق عمل Minify للقالب أو لكود الـ HTML :

  12. تصغير حجم الكود الخاص بالقالب الذي تستخدمه يساعد في زيادة سرعة مدونة بلوجر، ولعمل Minify لقالب بلوجر إذهب لموقع Html Compressor ، وقم بنسخ كود القالب ولصقه هناك وإختار Blogger وإضغط علي Compress. 
تعلم من هنا كيفية تركيب قالب بلوجر والتعديل عليه !
وتقديراً للمجهود المبذول في كتابة هذا المقال، يمكنك مشاركته مع المهتمين بهذا الموضوع وشكراً....
Mobtakr
إشترك في بريد المدونة لتصلك مواضيعنا بصورة مستمرة :
هذه التدوينة تنتمي الي تصنيف :

عن الكاتب :

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

ليست هناك تعليقات

إرسال تعليق

الاسم

بريد إلكتروني*

رسالة*