بسم الله الرحن الرحيم،

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

• كأول نصيحة : التنقل من html التقليدي إلى xhtml الاحترافي ، لجعل مواقعك مفهومة بشكل سليم للمتصفحات و محركات البحث ، و تجنب الاخطاء و عدم الدقة في كتابة الأكواد .
• تجنب إدخال خصائص العناصر داخل الوسم ، و حاول أن تجمعها في ملف خارجي css ، فائدة هذه الطريقة ، وهو أنه عن تجميع خصائص عدة وسوم في جملة واحدة تجعلها في ملف تنسيقك عوض اعطاء كل عنصر خصائصه داخله ، تجعل المتصفح يحملها مرة واحدة ، و في الستدعاءات المكررة يتم استدعاء فقط class او id الخاص بها .
• حتى داخل ملف التنسيق الخارجي الخاص بك ، حاول ان تتجنب التكرار بلا فائدة ، مثال :
  عوض هذا :

  body {
  	padding: 5px;
  	margin: 0;
  }
   
  p {
  	margin: 0;
  	padding: 5px;
  	background: #eee;
  	text-indent: 10px;
  }
   
  h1 {
  	text-indent: 10px;
  }

  اكتب هذا :

  body , p{
  	padding: 5px;
  	margin: 0;
  }
   
  p {
  	background: #eee;
  }
   
  h1 , p{
  	text-indent: 10px;
  }

• حاول استعمال اضافة Firebug 1.4.0b2 لمتصفح الـ Firefox التي ستساعدك على معرفة الأخطاء في أكوادك بدقة و معرفة الاماكن التي بها بطأ ، وحاول تصحيح أخطائك واحدة تلو الأخرى .
• تجنب كثرة الصور و اعرف كيف تقطع مشروعك ، حيث في الأماكن الممددة حاول ان تستعمل الألوان فقط ، وهذا يتوقف على نوع المشروع و تصميمك و قدرتك على التفكير بطريقة دمع الألوان مع صور قليلة
• تجنب حركات الفلاش ما استطعت إليه سبيلا، و إن كان ولابد فلا تتعدى ملفا صغيرا ،يفي بالغرض
• في بعض الأحيان تحتاج الى عمل عناوين خاصة بخطوط تلائم تصميمك و تحتاج لطباعتها في صور ، جرب تقنية siFr لعلك تستغن عن الصور مستقبلا.
• لمن يستعمل مكتبات الجافا سكربت بكثرة في تصاميمه ، فغن ملف المكتبة ليس بالخفيف ، فكن ذكيا عند اختيارك بين المكتبة و بين بعض الفلترات الجاهزة و التي هي أقل حجما من هذه المكتبات ، و سنضرب مثالا لذلك ، لو كنت ستحتاج للمكتبة في أكثر من حركة ، فالمكتبة افضل لك ، اما لو كنت ستستعملها لغرض واحد فقط ، فأنا أحبذ استعمال دالة او فلتر من الجاهز ، لأنك ستبطأ الصفحة إذا استدعيت المكتبة بالكامل من أجل حركة واحدة ، مثال لمثل هذه الفلترات
• بالنسبة لمرحلة التصميم ، حاول أن تحفظ صورك على شكل صور للويب عن طريق
  file – save for web
  أفضل لك من حفظها jpg أو png ، إلا في حالة كانت جودة الصورة ستتغير .
  لم كل هذا ؟؟ ببساطة ليتم تخزين االصورة على بحجم صغير لتكون سريعة التحميل عند العرض .
• بالنسبة لمبرمجي php : حاول أن ستعمل تقنية الـ cache في تخزين و استدعاء المعلومات و ذلك ليخف الضغط على الموقع و بالتالي سرعة تصفح جيدة ( للمواقع الكبيرة فقط )
• لمديري المواقع : حاول التخفيف من الملحقات كل ما استطعت !!! سواء من مستخدمي wordpress او joomla او drupal او vbulletin او باقي برامج الويب ، حاول أن تتجنب ملحقاتها و اضافاتها او ما يعرف بـ pllugin ، ببساطة للتخفيف من عدد الكويري ( Query ) على الصفحة ، حاول أن تعمل عملية حسابية لصفحة موقعك و اجمع كم عدد الكويري التي يتم تنفيذها في كل تحديث – refresh – و إذا كان في حدود 10 ، 20 ، 30 فمتوسط أما لو تعددى العدد ليصل إلى 70 ، 80 ، 90 ، فاعلم أن موقعك وبال على السيرفر الذي عليه ، و انك أنت سبب بطأ صفحتك ، وحتى لو كانت الصفحات غير بطيئة لأسباب أن موقعك على سيرفر مستقل او اي شيء من هذا القبيل ، فبتخفيفك لعدد الكويري سترى سرعة زائدة عن التي عهدتها من موقعك .

هذا ما يحضرني حاليا من أفكار ، ربما لو توصلت لأفكار جديدة سأسوغها ان شاء الله في تدوينة أخرى

و السلام عليكم ورحمة الله .

الوسوم: أفكار, تسريع, صفحات, مشاريع

هذه التدوينة نُشرت في الأحد, 28 يونيو, 2009 عند 9:00 م و مصنفة تحت تصنيف خواطر على طريق التطوير. يمكنك متابعة أي تعليقات عبر رابط RSS 2.0. يمكنك ترك تعليق, أو تعقيب من مدونتك.