تحسين سرعة موقع ووردبريس تتوقف على الكثير من العوامل مثل ملفات js وملفات css و الصور وغيرها من مثل هذه العوامل التي سنتحدث فيها بالتفصيل ..
قبل ان نقوم بشرح عملي وتفصيلي لحل مشكلات اختبار PageSpeed Insights يجب علينا ان نتحدث عن بعض النقاط الهامة التي يجب ان يفهمها كل شخص منا ..
هل من الضروري ضبط سرعة موقعك؟
بالتاكيد اخي يجب عليك ضبط سرعة موقعك فهي احد اهم الوسائل وافضل الطرق للتصدر في نتائج محركات البحث لانها تعطيك اولوية هامة في التصدر.
هل باتباع الخطوات الموجودة في هذه المقالة سيتحسن تقييم PageSpeed Insights؟
شاهد الصورة الموجودة في الاعلى, كيف كان تقييم الموقع 81 قبل تحسينه بنفس الخطوات الموجودة في المقالة, وكيف اصبح 91 بعد التحسين, والتجربة خير دليل.
هل سيقع اي ضرر للموقع في حال لم يتم تحسين السرعة؟
في هذه الحالة اذا كانت الاجابة علمياً فستكون نعم.
واذا كانت عملية ستكون (حسب منافسيك) فاذا كان المنافس قام بضبط السرعة فعليك بضبطها افضل منه واذا لم يكن هناك منافسة من الاساس على كلمة بحثية فلن يكون هناك ضرر.
هناك بعض المواقع تتصدر النتائج دون ضبط السرعة كيف ذلك؟
نعم اخي الكريم فهناك بعض المواقع تتصدر النتائج بقوة وتعتبر من اهم المواقع في مجالها ولكن هل فكرت عزيزي في كونه براند قوي يحتاجه الزوار ويوفر المعلومات القوية واقوى مثال على ذلك موقع اليوم السابع فإنه من اهم المواقع الاخبارية التي يتابعها الملايين ولكن لا يوجد سرعة لديه بالفعل وهذا هو المقصود ان موقعك اذا كان براند قوي يحتاجه الزوار فمن الممكن التصدر دون ضبط السرعة.
والان ..
جدول المحتويات
نقاط هامة للحفاظ على سرعه موقعك
- قم بمسح الاضافات الزائدة والغير مفعلة داخل موقعك فورا.
- قم بتقليل الاضافات بحد اقصى 8 اضافات.
- لا تقوم بتكرار اضافات لها نفس الوظيفة ( GOOGLE XML SITEMAP = YOAST ).
- لا تقوم باستخدام اكثر من اضافة للسرعة.
ملحوظة: قبل تطبيق اي خطوة من خطوات التسريع يجب عمل باك اب كامل للموقع للاحتياط.
هناك بعض الخطوات تستدعي تدخل برمجي.
كيف نقوم بضبط سرعة الموقع ؟
( الشرح نتيجة عن تجارب شخصية تم عملها على الكثير من المواقع )
هذه صورة لاغلب المشاكل التي تظهر لنا
==========================================
المشكلة الاولى
تحسين الصور
لكي نقوم بتحسين الصور وضغطها نقوم باستعمال اضافة WP SMUSH
شرح تركيب الاضافة
الاضافة غير معقدة, فبعد تنصيبها وتفعيلها, فقط اضغط على BULK SMUCH NOW كما في الصورة.
=========================================
المشكلة الثانية والثالثة
تصغير css وjs
حل هذه الخطوة بسيط جدا وسهل دون تعب وعناء لمواقع تقوم بضغط لك الملفات ووو.
بعد عمل الاختبار لموقعك مباشرة اذا نزلت لاسفل الاختبار ستجد الرسالة التالية ..
سنقوم بتحميل تلك الموارد وسنجد بداخلها الملفات مضغوطة تماما وجاهزة للرفع مباشرة نقوم برفعها داخل السي بانل مع استبدالها بالملفات القديمة.
( الملفات تشمل صور + js + css ) حسب حالة الموقع (مع مراعاة نسختي الجوال وDesktop).
=========================================
المشكلة الرابعة
تحسين التخزين المؤقت + تمكين الضغط
نقوم بوضع هذه الاكواد داخل ملف htaccess كما هي دون اي تعديل وتصلح لجميع المواقع
<IfModule deflate_module> <IfModule filter_module> AddOutputFilterByType DEFLATE text/plain text/html AddOutputFilterByType DEFLATE text/xml application/xml application/xhtml+xml application/xml-dtd AddOutputFilterByType DEFLATE application/rdf+xml application/rss+xml application/atom+xml image/svg+xml AddOutputFilterByType DEFLATE text/css text/javascript application/javascript application/x-javascript AddOutputFilterByType DEFLATE font/otf font/opentype application/font-otf application/x-font-otf AddOutputFilterByType DEFLATE font/ttf font/truetype application/font-ttf application/x-font-ttf </IfModule> </IfModule> # Turn on Expires and set default to 0 ExpiresActive On ExpiresDefault A0 # Set up caching on media files for 1 year (forever?) <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$"> ExpiresDefault A29030400 </FilesMatch> # Set up caching on media files for 1 week <FilesMatch "\.(gif|jpg|jpeg|png|swf)$"> ExpiresDefault A604800 </FilesMatch> # Set up 1 week caching on commonly updated files <FilesMatch "\.(xml|txt|html|js|css)$"> ExpiresDefault A604800 </FilesMatch> # Force no caching for dynamic files <FilesMatch "\.(php|cgi|pl|htm)$"> ExpiresActive Off </FilesMatch> ExpiresActive On ExpiresByType image/gif "access 1 week" ExpiresByType image/jpeg "access 1 week" ExpiresByType image/png "access 1 week" ExpiresByType text/css "access 1 week" ExpiresByType application/x-shockwave-flash "access 1 week" ExpiresByType application/x-javascript "access 1 week"
هذه الاكواد تقوم بتفعيل الضغط التلقائي للموقع وتفعيل التخزين المؤقت بالكامل للموقع.
في بعض الاحيان يقوم البعض باستعمال احصائيات جوجل وجوجل ادسنس وغيرها, والتي تولد طلبات اكثر وتبطئ سرعة الموقع.
لحل مشكلة احصائيات جوجل Google Analytics:
نقوم بمسح الكود الخاص بجوجل احصائيات ونقوم بوضع الكود التالي داخل ملف الفوتر :
<script src="https://cdn.jsdelivr.net/ga-lite/latest/ga-lite.min.js" async></script> <script> var galite = galite || {}; galite.UA = 'UA-82805846-1'; //</script>
مع استبدل UA-82805846-1 بالرقم الخاص بك.
اما جوجل ادسنس فنقوم بالبحث عن روابط الملفات الخارجية داخل الموقع ونقوم باستبدالها بملفات محلية داخل الموقع وبكده نضمن حل المشكلة من الجذور ( تستدعي وجود مبرمج ) .
================================================
المشكلة الخامسة
التخلص من عناصر جافا سكريبت وCSS التي تحظر عرض المحتوى في الجزء العلوي
المشكلة السادسة تقليل وقت استجابة الخادم
إقرأ ايضاً: أفضل إضافات ووردبريس أساسية في كل موقع ومتجر الكتروني
ماشاء الله شرح جميل ياوليد
ربنا يوفقك صديقي
شكرا لك يا صديقي شرفني مرورك الكريم
فى البداية أحب اشكرك على المقالة الجميله دي .
حابب اعلق على شويه نقط يجب توضيحها .
أولها إن اضافه Wp-Smush فى الاكونت المجاني الحد الاقصي للصور بيكون 50 فقط ولازم تشتريها علشان تقدر تستخدم اكتر .
– ثاني شئ بخصوص الملفات المضغوطه التى تم اصلاحها عن طريق جوجل فهي تحت بند Consider Fixing:
حتي يمكنك وضعها مكانها تحديدا بموقعك يجب عليك مراجعه المسارات تحت هذا البند .
– ثالث شئ وهو اخر سطر بالكود فى الهتكسس ExpiresByType application/x-javascript “access 1 weekk”
اعتقد به حرف زائد “week ”
شكرا لك على المجهود الرائع
في نقرة يعطيك 50 – وليس متواصل
وبخصوص الكود فعلاً به خطأ وقد وجدت الصحيح في صفحة أ.وليد العروي مشكور
اهلا استاذنا
شرفني مرورك وتعليقك الطيب ..
بخصوص اضافة WP SMUSH مو شرط الشراء تقدر تستعمل لاي عدد عادي ولكن يضغط في المرة الواحده 50 فقط ثم تقوم بالضغط مرة اخري ليستكمل ..
اما بخصوص الملفات المحسنة او الموارد
هذه الملفات تكون مضغوطة جاهزة وجوجل يرفق لك الملفات التي اكتشف انها تحتاج للضغط فقط .. وهي طريقة ناجحة بنسبة 100%
اما بخصوص الحرف الزائد شكرا لك كثيرا اخي الكريم
ولا تحرمني من مرورك العطر دائما
اهلا استاذنا
شرفني مرورك وتعليقك الطيب ..
بخصوص اضافة WP SMUSH مو شرط الشراء تقدر تستعمل لاي عدد عادي ولكن يضغط في المرة الواحده 50 فقط ثم تقوم بالضغط مرة اخري ليستكمل ..
اما بخصوص الملفات المحسنة او الموارد
هذه الملفات تكون مضغوطة جاهزة وجوجل يرفق لك الملفات التي اكتشف انها تحتاج للضغط فقط .. وهي طريقة ناجحة بنسبة 100%
اما بخصوص الحرف الزائد شكرا لك كثيرا اخي الكريم
ولا تحرمني من مرورك العطر دائما
بارك الله بك صديقي العزيز, وشكراً على الملاحظة.
ألف شكر عزيزي
بخصوص نقطة تحسين التخزين المؤقت + تمكين الضغط
هل بعد اضافة الكود الى الهتكس تتأثر اعلانات ادسنس في شئ ؟
لآ اخي لا يتاثر في اي شئ
تم تحديث الكود, الكود الآن صحيح ويعمل 100%
نعتذر للجميع.
صديقي قم بتحديث الصفحة لأننا قمنا بتحديث الكود, كان فيه خطأ بسيط.
قم بوضع الكود الصحيح الموجود في المقال حاليا ..
ان حدثت مشكلة اخري ارفق لي ملف htaccess ..
شكرا لك
اشكرك اخي انحلت المشكلة وزادت سرعة الموقع
العفو اخي الكريم ..
تحت امرك بالتوفيق باذن الرحمن
شكرا 🙂
العفو اخي تحت امرك
موضوع قيم جدا و مفيد
بالتوفيق يا استاذ وليد
شكرا ليك غالي تحت امرك
شكرا لك اخي على المعلومات عندي كل شيء تمام الا هذه النقطة لم أفهم
سنقوم بتحميل تلك الموارد وسنجد بداخلها الملفات مضغوطة تماما وجاهزة للرفع مباشرة نقوم برفعها داخل السي بانل مع استبدالها بالملفات القديمة.
( الملفات تشمل صور + js + css ) حسب حالة الموقع (مع مراعاة نسختي الجوال وDesktop).
انا وجدت الصور فقط في ذلك الملف اين سأرفعها بالضبط
بالنسبة للصور, ستعاود رفعها وادراجها داخل صفحات موقعك.
وملفات css و js ستقوم باخد ما بداخلها ولصقه في الملفات الاصلية, او استبدال الملفات الغير مضغوطة بملفات مضغوطة وذلك من خلال CPanel.
هناك ملف يسمي manifast في جميع مسارات الملفات
الملف ده هتلاقية داخل المجلد اللي قمت بتحميلة ..
بعدها قم برفع الملفات بنفس المسار
مشكور اخي الكريم
هل ممكن توضيح اكثر حول المشكلة الثانية والثالثة
تصغير css وjs
مع شرح تفصيلي اكثر و ذكر افضل موقع للفحص و كيفية التعديل في السي بنل
وشكرا
اهلا اخي
لا تحتاج مواقع فحص تحتاج فقط الي تحميل الملفات التي يتم وضعها لك من جوجل ..
السلام عليكم ورحمة الله وبركاته
ما شاء الله اخى العزيز شرح واضح وممتاز
لكن هل هناك حل لمدونة بلوجر فى مشكلة
التخلص من عناصر جافا سكريبت وCSS التي تحظر عرض المحتوى في الجزء العلوي
وشكرا جزيلا
وعليكم السلام ورحمه الله وبركاته
شكرا لك اخي
مستقبلا ساقوم بالعمل علي بلوجر وسيكون هناك شرح باذن الرحمن خاص ببلوجر
شكرا لك أيها المبدع دائمًا
والشكر موصول لإدارة الموقع الناجح المميزة
السؤال : كيف التخلص من ملف الخريط ؟
مشكلة يظهر في التخزين المؤقت
العفو اخي الكريم تحت امرك
ارفق رابط الخريطة وصورة للمشكلة حتي استطيع تحديد الحل ..
الموقع بالفعل زاد في التقييم لكن عند إضافة أكواد htaccess روابط المقالات لا تعمل ويعطيني صفحة بيضاء مع سطر به خطأ 404 .. مع العلم لدي شهادة ssl على الدومين .
ارفق ملف htaccess وان شاء الله اظبطهولك
السلام عليكم
لقد ركبت الاضافة التي تحدثت عنها wp super cache
لكن ظهر في موقعي سطر غريب أبيض اسفل الموقع في الفوتر مكتوب فيه :
is stephen fry proof thanks to caching by wp super cache
كيف لي ان اخفي ؟
اما جوجل ادسنس فنقوم بالبحث عن روابط الملفات الخارجية داخل الموقع ونقوم باستبدالها بملفات محلية داخل الموقع وبكده نضمن حل المشكلة من الجذور ( تستدعي وجود مبرمج ) .
ممكن شرح هذه الخطوة ولكم جزيل الشكر
هل من طريقة لتحسين قوالب بلوجر اخى
وشكرا هلى على الموضوع الرائع
اخي تقريباً نفس الخطوات, ولكن لا تهتم بخطوات الاضافات الخاصة بووردبريس.
هل برأيك تطبيق اضافة WP SMUSH على الصور القديمة لن يفقد الصور المأرشفة ترتيبها والتي مسكت ترتيب جيد في غوغل؟
لن يتغير شيء اخي
تسلم يداك قمت بالخطوات وحصلت علي نتيجة طيبة شكرا لك
مرحبا اخي
ارجو االمساعدة
سرعة موقعي ضعيفة جدا بالنسبة للجوال
70/100
هذه الملاحظات التى ظهرت .
ممكن حل للمشكلة لو سمحت
*اقتراحات التحسين
1. تقليل وقت استجابة الخادم
2. التخلص من عناصر جافا سكريبت وCSS التي تحظر عرض المحتوى في الجزء العلوي
3. ترتيب أولوية المحتوى المرئي
4. تحسين التخزين المؤقت للمتصفح
5. تحسين الصور
6.تمكين الضغط
التحسينات التي يتم تنفيذها حاليًا
تنزيل موارد الصور وJavaScript وCSS المحسنة لهذه الصفحة.
شرح أكثر من رائع واستفد جداً شكر جداً بس عن استفسار بخصوص النقطة دي
(اما جوجل ادسنس فنقوم بالبحث عن روابط الملفات الخارجية داخل الموقع ونقوم باستبدالها بملفات محلية داخل الموقع وبكده نضمن حل المشكلة من الجذور ( تستدعي وجود مبرمج ) . اقول للمبرمج اي عشان يحل المشكله دي
شكرا لكم على هذا الشرح
شرح رائع ولكن اريد الحل لنفس هذه المشكلات ولكن لبلوجر – اتمني ان تساعدني
عندي سؤال بس
هل خدمة كلود فلير بتقلل الزوار او بتمنع زوار من الدخول وهل بخصوص المواقع الترفيهي الصغير اشترك فى المجانية ام الخدمة المدفوع؟
السلام عليكم عندي قالب بلوجر سيو بلس ولكن سرعة القالب ٢٥٪ على الجوال عندما اقوم بي ازالة شيفرة ادسنس ترتفع السرعة الى ٨٥٪ ولم اجد حل لهذه المشكلة ممكن كتابة مقالة عن الموضوع او ارسال رابط او الحل عبر البريد
والامر الثاني لدي مدونة مختصة بوصفات الطعام كيف اقوم بي اضافة تقييم يدعم البيانات المنظمة للمقالة ولك جزير الشكر لو راسلتني للمساعدة
شرح ممتاز وتم التطبيق علي موقعي وحصل علي نتايج ممتازة
اشكرك علي الشرح انا طبقت فعلا وحصلت نتايج ممتازة نتيجة سرعة موقعي 99
اشكرك علي الشرح انا طبقت فعلا وحصلت نتايج ممتازة نتيجة سرعة موقعي 99