![]() |
خطوات هامه لضمان تصفح أسرع لموقعك
بسم الله الرحمن الرحيم
سيتناول هذا المقال خطوات هامه يجب أن يأخذها المصمم في اعتباره لضمان سرعة التحميل لصفحات موقعه الرئيسيه والفرعيه ، بالإضافة إلى بعض النقاط والبرامج التي تساعد على التصميم ، والآن نترككم مع المقال وبانتظار تعليقاتكم 1- التقليل من محتوى الصفحة الرئيسية قدر المستطاع: المشكلةDownload62727 الكثير من أصحاب المواقع اعتادوا على وضع معظم المعلومات في الصفحة الرئيسية مع عمل صفحه أو صفحتين فرعيتين فقط ، ويترتب على ذالك طول انتظار الزائر إلى أن يكتمل تحميل الصفحة سواء من النصوص أو الصور أو غير ذالك الحل Download62727 عند بدء تصميم موقع (سواء كان موقع شخصي ، تجاري ، تعليمي ،...) يجب رسم خريطة عامه للموقع ، وخريطة الموقع تكون بمثابة هيكله عامه للمحتويات بحيث يتم تقسيمها إلى صفحات فرعيه ، ويتم وضع رابط لكل صفحه فرعيه في الصفحة الرئيسية ، أما عن محتوى الصفحة الرئيسية فهي تكون مجرد نبذه عن الموقع ونشاطاته ليقوم الزائر بعدها بالتنقل بين صفحات الموقع عن طريق روابط الصفحات الفرعية. 2- التقليل من مساحات الصور وأحجامها قدر المستطاع: المشكلةDownload62727 تعيب الكثير من مواقع الإنترنت البطء الشديد في التحميل والسبب يرجع إلى كبر أحجام ومساحات الصورة سواء كانت مساحة بالـ KB أو الحجم بالبكسل Pixel الحل Download62727 - يجب مراعاة ألا يتم وضع صوره بحجم أكبر من 500 بكسل ( السبب : ستكون أفضل بالنسبة للزائر بحيث سيشاهد الصورة كاملة بدون النزول أو الصعود بمستوى الصفحة بالإضافه إلى استهلاكها لمساحه لا تزيد عن 40KB) - من المستحسن أن تكون مساحة الصورة لا تتجاوز الـ 60KB كحد أقصى هناك الكثير من البرامج التي تستخدم في التقليل من مساحات الصور بحيث يكون بها خاصية save for web ومن أفضل البرامج التي استخدمتها في هذا المجال هو برنامج الجرافكس الشهير Photoshop ، وبرنامج Paint Shop هذا في مجال الصور الثابتة ، أما عن الصور المتحركة فأنصحكم ببرنامج Advanced GIF Compressor 3- أكواد الـ HTML الغير فعاله : المشكلة Download62727 عند تصميم صفحه ببرنامج مثل MS Front Page ، وتحتوي هذه الصفحه على صور ونصوص ، في كثير من الأحيان وعند مراجعتك لمحتوى الصفحة تلاحظ وجود أخطاء سواء في الترتيب أو في التنسيق ولذالك تقوم بعمليات تعديل أو حذف لبعض المحتويات ، ولكن للأسف كل هذه العمليات تترك شوائب في الأكواد ، ففي النهايه ربما تجد مثل هذا الكود ، وفي الحقيقه هذا الكود فارغ أي لا يحتوى على أي نصوص داخليه ولكن في نفس الوقت لا يعتبر خطأ برمجياً بل سيتقبله المتصفح بدون أي رسائل خطأ ، ولكن في النهاية سيؤثر هذا الخطأ الكودي على مساحة الصفحة الحل Download62727 هناك العديد من البرامج التي تقوم بتنظيف الأكواد وتقوم بعملية تسمى Optimization أو Cleaning messy Code وجعلها تأخذ أقل مساحه ممكنه ، من أمثلة هذه البرامج HTML Shrinker وهو برنامج أكثر من رائع فمن خلال تجاربي العديده قام بعمل تنظيف للأكواد الغير مستخدمه وقام بتقليل مساحة احدى الملفات بنسبة 80% إلى 90% 4- اجعل موقعك خفيف بالإستفاده من ملفات الإنترنت المؤقتة TEMP : المشكلة Download62727 من المعروف أنه بمجرد دخول متصفحك على أي موقع يقوم المتصفح بتخزين جميع ملفات الصور في مجلد TEMP ، ولذالك عند تكرار زيارتك للموقع يكون التصفح أسرع والسبب هو أن جميع ملفات الصور في الحقيقة مأخوذة من مجلد TEMP وليس من مجلد ملفات الموقع على الشبكة ، ولذالك السؤال هنا كيف يستفيد أصحاب المواقع من هذه الملفات؟ ببساطه شديدة يقع الكثير من مصممي المواقع (خاصة المبتدئين) في خطأ ألا وهو أن يقوم بتكرار نفس الزر مثل زر Back بتخزينه في أكثر من مجلد ليكون كل مجلد تابع لصفحه معينه ( مثال : أن يتم تخزين الزر أربع مرات في أربع مجلدات مختلفة ، وبذالك يقوم المتصفح بتحميل كل صوره على حدا لأنها مختلفة في المسمى أو المسار ) الحل Download62727 الحل بسيط حدا في هذه الحالة ألا وهو الاعتماد على التقليل في استخدام الصور أو استخدام صوره ذات مسار واحد فقط بحيث كما في المثال المبين أعلى يقوم المتصفح بتحميل الصوره بدلا من أربع مرات يحملها مره واحده وتضمن سرعة التصفح للزائر في باقي صفحات الموقع ، وكنصيحه أخرى للمبتدئين لا يفضل عمل مجلد جديد خاص لكل صفحه من صفحات الموقع بل عمل مجلد واحد وليكن باسم pic وحفظ جميع صور الموقع به. 5- استخدام الفلاش والجافا : المشكلة Download62727 - الكثير من المواقع تقوم بوضع ملفات فلاش ذات أحجام كبيره قد تصل إلى 600KB وللأسف الضحية في النهاية هو الزائر بحيث ينتظر طويلاً وفي النهاية يقوم بإغلاق المتصفح ومن المؤكد انه لن يفكر في تكرار هذه الزياره مره أخرى - مواقع أخرى تقوم بملء الموقع باكواد جافا بحيث تكون هناك أشياء تظهر وتختفي بالصفحة مع صور متحركة تلاحق مؤشر الماوس بالإضافة إلى خليط من المفاجآت الأخرى التي تؤدي إلى استهلاك قوى المتصفح لعرضها الحل Download62727 - بالنسبة للفلاش إذا كنت بالفعل تريد وضع فلاش ذات حجم كبير، يجب عليك عمل شريحه أولى مخصصه للتحميل مع عداد مئوي مثل Loading...25% ..26%..27% إلى ان يصل 100% وبهذا ربما يطمئن قلب الزائر أن الفلاش يعمل بشكل سليم و لا يوجد عطل بالموقع - الجافا سكربت هي أكواد من المستحسن عدم الإكثار منها لأنها قد تؤدي إلى ثقل المتصفح مع ظهور رسائل خطأ عديدة عند وجود أحد الأكواد المعطوبة أو الناقصة وربما في أغلب الأحيان تجد رسالة أسفل المتصفح Done..with errors تعطي انطباعاً سيئاً لدى الزائر عن الموقع المصدر : عرب سوفتوير يمكنك النقل لأى منتدى للفائدة العامة مع ذكر المصدر |
شكرا جدا على الشرح الوافي |
شرح وافى وجميل اخى:ongue:
ولكن يمكن ان تستخدم جافا تسريع الموقع ولا يمكن الضرر من ذلك وانا ايضا متفق معك على كلامك ان الفلاش يمكن ان يجعل الموقع ثقيلا فى التحميل... *جافا تسريع الموقع لا تضرر الوقع بل تزيده من السرعه* |
على فكرة اكود الجافا من اكثر العوامل اللى تسبب بطأ الصفحات بس طبعا كل كود حسب حجمه وطريقة عمله
انا عندى حل ايضا جميل جدا انا بستخدمة مع كل عملائى بحمد الله والمنتدى هنا بيستخدم نفس طريقة الضغط اللى هقول عليها زائد حاجات تانيه :) ضع هذا الكود فى اول الصفحة <? ob_start("ob_gzhandler"); ?> هذ الكود يضغط الصفحات Gzip بس اكيد لازم يكون امتداد الصفحات .php ويجب ان يكون السيرفر يدعم ملفات php وبمكنك التأكد من عملية الضغط بالذهاب إلى موقع بعد الانتهاء Download43020 يمكنك التأكد من عملية الضغط فى المنتدى اذهب اللى الوصلة اعلاه وضع رابط المنتدى https://tefanet.protector.pw/vb/ ثم اضغط Test page ستجد النتيجة التالية https://tefanet.protector.pw/vb/ is gzipped Original Size: 123 K Gzipped Size: 14 K Data Savings: 88.62% شوف الفرق مع التحية وابقى اكتبلنا كود الجافا اللى بتقول عليه ... وجزاك الله خيرا ... |
من الحق واللى يحب يتعمق اكتر واكتر عن طريقة ضغط الصفحات عن طريق Gzip يدخل هنا
Download35216 |
شكرا يا باشا على الشرح الجميلدة
|
| الساعة الآن 12:30 PM. |
Powered by vBulletin Version 3.8.11
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd
استضافة
,
دعم فنى