سأتحدث فى هذة التدوينة عن مشكلة تقابلنا
جميعا نحت مستخدمى جوملا وهى بطىء التصفح الى ان اصبح الاعتقاد السائد هو ان سكربت
جوملا بطىء وهو اعتقاد خاطىء فالبطء يرجع الى استخدامنا قوالب بها العديد من الصور
خاصة وان معظمنا يجعل الصفحة الرئيسية تحوى تقريبا كل ما فى الموقع مما يسبب تأخير
التحميل فى بداية فتح الموقع
سأعرض عليكم فى باقى التدوينة كيفية الوصول
الى السرعه الافضل لمواقعكم بأبسط الطرق:
اولا سنبدأ بالخطوات الخاصة بجوملا :
1 - نذهب الى Global
Configuration ومنها site وتفعيل الروابط الصديقة Search Engine Friendly URLs
2 - بعدها نذهب الى system ومنها Cache
Settings ونفعل الكاش
ولمن لا يعرف اهمية الكاش فالكاش يحفظ
ملفات الموقع بجهاز الزائر فى اول زيارة وعند دخولة فى المرة التالية لايتم تحميل الصور
واستدعاء الملفات مرة اخرى وانما تفتح كما خزنت فى المتصفح اول مرة لذا يفتح الموقع فى وقت اسرع كثيرا
3 - نذهب الى Template
Manager ثم
القالب المستخدم ثم Advanced
Options وهى
اعدادت تختلف من قالب لآخر او يمعنى ادق من قوالب شركة ألى اخرى ،
سنجد بعض الاعدادت بها كلمة Optimize سواء Optimize js او Optimize css او Optimize file علينا بتفعيلها جميعا او ايا منها نجدة
فى القاب
4 - هناك خاصية تسمى LazyLoad وهى تقوم بتأخير ظهور بعض اجازء من الموقع
فمثلا حينما تقتح الموقع فانها تحمل فقط الجزء الظاهر من الموقع فقط وبعدة ما تحته
فيظهر الموقع اسرع من حقيقتة ولآضافة هذة الخاصية ببساطة تركيب هذا البلاجين وتفعيلة
بعد التركيب وشاهد الفرق بعدها
5 - ملفات الجافا سكريبت وال css اولا عليك بأخذ نسخة أحتياطية من الملفات وبعدها عدل على الملفات ملف ملف وكل ما عليك هو
مسح الاسطر الفارغة ومسح اسطر الحقوق والاسطر التى لا داع لها .
6 -
حذف
المقالات الإفتراضية : نبدأ من أول خطوة عند تنصيب جوملا نقوم بحذف المقالاات الإفتراضية
و التى تنصب مع تنصيب جوملا .
7 - تحليل موقعك وهناك الكثير من المواقع التى
تقوم نيابة عنك بتلك المهمة :
و يتم تقييم موقعك طبقا لمقياسين و هما page speed و هى مقياس جوجل لموقعك , yslow و هو مقياس ياهو لموقعك و رغم أن العوامل التى يتم قياس موقعك على
اساسها مختلفة بعض الشىء بالنسبة الى المقياسين الا أن النتيجة تكون فى الغالب متقاربة.
وافضل موقع عن تجربة هو : gtmetrix.com ويمكنك من خلالة قياس سرعة موقعك ومعرفة
اسباب البطء وكل شىء عن الموقع
8 - قم بحذف الاضافات الغير مستخدمة او الغير
مهمة لأن العديد من الإضافات تستهلك الكثير
من الوقت فى التحميل.
9 -
دمج
ملفات ال css و الجافاسكريبت : جوملا تحتوى على ملف css و ملفات جافا خاصة بها و كذلك كل إضافة تقوم بإضافتها على السكربت
الأساسى فتخيل لو أن موقعك به خمس إضافت فإن متصفحك يقوم بتحميل 6 ملفات css و أكثر من ملف جافا و كل ذلك يزيد من وقت تحميل الموقع ليس بسبب
حجم الملفات و لكن بسبب الوقت المفقود فى إستدعاء الملف و لذلك ينصح بدمج ملفات ال css و دمج ملفات الجافا سكريبت فى ملف واحد أو أكثر.
10 -
لا تجعل المتصفح يقوم بتحجيم الصور: قم
دائما بوضع صور بأحجام ثابتة حيث لا تجبر المتصفح على عمل resize لها فمثلا لو أنك تريد صورة تظهر فى مساحة 200×200 بكسل لا ترفع صورة عرضها و طولها
300×300 لأن المتصفح يستهلك وقت لتحويلها الى
200×200 و لكن قم بعمل resize لها قبل التحميل.
11- قم بضغط الملفات على موقعك : يمكنك عمل
ذلك بكل سهولة عن طريق ملف .htaccess عن طريق لصق الكود التالى فيه.
AddOutputFilterByType DEFLATE
text/html text/plain text/xml application/xml application/xhtml+xml
text/javascript text/css application/x-javascript
BrowserMatch^Mozilla/4gzip-only-text/html
BrowserMatch^Mozilla/4.0[678]no-gzip
BrowserMatch
bMSIE!no-gzip!gzip-only-text/html
12 - إستخدم خاصية defer للجافا سكريبت: و التى تجبر ملفات الجافا من التحميل فى أخر الصفحة
و تمنع منع ظهور الموقع حتى تحميلها حيث تظهر مكونات الصفحة أولا ثم يتم تحميل ملفات
الجافا سكريبت.
13 -
إستخدم
خدمة CDN و هذه الخدمة عبارة عن موقع يقوم بتخزين
ملفات موقعك على سيرفرات سريييييعة جدا و منتشرة فى أنحاء العالم و التى توفر الملف
المطلوب من المتصفح باقصى سرعه ممكنة و هى فى العادة خدمات مدفوعة و لكن وجدنا لك مزود
مجانى لهذه الخدمة بإمكانيات جيدة
14 - تقليل حجم الصفحة الرئيسية وعدم وضح كل
محتوى الموقع بها وتقليل حجم الصور قدر المستطاع التى تظهر فيها .
هناك بعض الاضافات التى تقوم بذلك نيابة
عندك لكن اظنها كلها مدفوعه مثل تلك
وضعت لكم فى هذا الموضوع بعض الطرق التى
قد تساعد فى سرعة موقعكم وبعد تنفيذها تمكنت من تقليل سرعه التحميل فى اكثر من موقع
الى النصف ولازلت ابحث اكثر فى هذا المجال فالسرعة من اهم العوامل حتى لا نخسر الزائر
بسبب الملل من بطء التصفح
كل ما عليكم قياس السرعه حاليا عن طريق
الموقع السايق ذكرة
gtmetrix.com والقياس مرة اخرى بعد تطبيق الخطوات السابقة
سترون الفرق بأذن الله.
اتمنى ان اكون قد افتدكم بهذا الدرس او
التدوينة والى اللقاء فى تدوينة جديدة
ليست هناك تعليقات:
إرسال تعليق