شبـــكة تـيـفـا نت

شبـــكة تـيـفـا نت (https://tefanet.protector.pw/vb/index.php)
-   تطــــوير المواقع (https://tefanet.protector.pw/vb/forumdisplay.php?f=18)
-   -   خطوات هامه لضمان تصفح أسرع لموقعك (https://tefanet.protector.pw/vb/showthread.php?t=112)

WebCraker 2006-08-06 03:31 PM

خطوات هامه لضمان تصفح أسرع لموقعك
 
بسم الله الرحمن الرحيم

سيتناول هذا المقال خطوات هامه يجب أن يأخذها المصمم في اعتباره لضمان سرعة التحميل لصفحات موقعه الرئيسيه والفرعيه ، بالإضافة إلى بعض النقاط والبرامج التي تساعد على التصميم ، والآن نترككم مع المقال وبانتظار تعليقاتكم

1- التقليل من محتوى الصفحة الرئيسية قدر المستطاع:


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



2- التقليل من مساحات الصور وأحجامها قدر المستطاع:


المشكلةDownload34708
تعيب الكثير من مواقع الإنترنت البطء الشديد في التحميل والسبب يرجع إلى كبر أحجام ومساحات الصورة سواء كانت مساحة بالـ KB أو الحجم بالبكسل Pixel
الحل Download34708
- يجب مراعاة ألا يتم وضع صوره بحجم أكبر من 500 بكسل ( السبب : ستكون أفضل بالنسبة للزائر بحيث سيشاهد الصورة كاملة بدون النزول أو الصعود بمستوى الصفحة بالإضافه إلى استهلاكها لمساحه لا تزيد عن 40KB)
- من المستحسن أن تكون مساحة الصورة لا تتجاوز الـ 60KB كحد أقصى

هناك الكثير من البرامج التي تستخدم في التقليل من مساحات الصور بحيث يكون بها خاصية save for web ومن أفضل البرامج التي استخدمتها في هذا المجال هو برنامج الجرافكس الشهير Photoshop ، وبرنامج Paint Shop هذا في مجال الصور الثابتة ، أما عن الصور المتحركة فأنصحكم ببرنامج Advanced GIF Compressor



3- أكواد الـ HTML الغير فعاله :


المشكلة Download34708
عند تصميم صفحه ببرنامج مثل MS Front Page ، وتحتوي هذه الصفحه على صور ونصوص ، في كثير من الأحيان وعند مراجعتك لمحتوى الصفحة تلاحظ وجود أخطاء سواء في الترتيب أو في التنسيق ولذالك تقوم بعمليات تعديل أو حذف لبعض المحتويات ، ولكن للأسف كل هذه العمليات تترك شوائب في الأكواد ، ففي النهايه ربما تجد مثل هذا الكود ، وفي الحقيقه هذا الكود فارغ أي لا يحتوى على أي نصوص داخليه ولكن في نفس الوقت لا يعتبر خطأ برمجياً بل سيتقبله المتصفح بدون أي رسائل خطأ ، ولكن في النهاية سيؤثر هذا الخطأ الكودي على مساحة الصفحة
الحل Download34708
هناك العديد من البرامج التي تقوم بتنظيف الأكواد وتقوم بعملية تسمى Optimization أو Cleaning messy Code وجعلها تأخذ أقل مساحه ممكنه ، من أمثلة هذه البرامج HTML Shrinker وهو برنامج أكثر من رائع فمن خلال تجاربي العديده قام بعمل تنظيف للأكواد الغير مستخدمه وقام بتقليل مساحة احدى الملفات بنسبة 80% إلى 90%



4- اجعل موقعك خفيف بالإستفاده من ملفات الإنترنت المؤقتة TEMP :



المشكلة Download34708
من المعروف أنه بمجرد دخول متصفحك على أي موقع يقوم المتصفح بتخزين جميع ملفات الصور في مجلد TEMP ، ولذالك عند تكرار زيارتك للموقع يكون التصفح أسرع والسبب هو أن جميع ملفات الصور في الحقيقة مأخوذة من مجلد TEMP وليس من مجلد ملفات الموقع على الشبكة ، ولذالك السؤال هنا كيف يستفيد أصحاب المواقع من هذه الملفات؟ ببساطه شديدة يقع الكثير من مصممي المواقع (خاصة المبتدئين) في خطأ ألا وهو أن يقوم بتكرار نفس الزر مثل زر Back بتخزينه في أكثر من مجلد ليكون كل مجلد تابع لصفحه معينه ( مثال : أن يتم تخزين الزر أربع مرات في أربع مجلدات مختلفة ، وبذالك يقوم المتصفح بتحميل كل صوره على حدا لأنها مختلفة في المسمى أو المسار )
الحل Download34708
الحل بسيط حدا في هذه الحالة ألا وهو الاعتماد على التقليل في استخدام الصور أو استخدام صوره ذات مسار واحد فقط بحيث كما في المثال المبين أعلى يقوم المتصفح بتحميل الصوره بدلا من أربع مرات يحملها مره واحده وتضمن سرعة التصفح للزائر في باقي صفحات الموقع ، وكنصيحه أخرى للمبتدئين لا يفضل عمل مجلد جديد خاص لكل صفحه من صفحات الموقع بل عمل مجلد واحد وليكن باسم pic وحفظ جميع صور الموقع به.



5- استخدام الفلاش والجافا :



المشكلة Download34708
- الكثير من المواقع تقوم بوضع ملفات فلاش ذات أحجام كبيره قد تصل إلى 600KB وللأسف الضحية في النهاية هو الزائر بحيث ينتظر طويلاً وفي النهاية يقوم بإغلاق المتصفح ومن المؤكد انه لن يفكر في تكرار هذه الزياره مره أخرى
- مواقع أخرى تقوم بملء الموقع باكواد جافا بحيث تكون هناك أشياء تظهر وتختفي بالصفحة مع صور متحركة تلاحق مؤشر الماوس بالإضافة إلى خليط من المفاجآت الأخرى التي تؤدي إلى استهلاك قوى المتصفح لعرضها
الحل Download34708
- بالنسبة للفلاش إذا كنت بالفعل تريد وضع فلاش ذات حجم كبير، يجب عليك عمل شريحه أولى مخصصه للتحميل مع عداد مئوي مثل Loading...25% ..26%..27% إلى ان يصل 100% وبهذا ربما يطمئن قلب الزائر أن الفلاش يعمل بشكل سليم و لا يوجد عطل بالموقع
- الجافا سكربت هي أكواد من المستحسن عدم الإكثار منها لأنها قد تؤدي إلى ثقل المتصفح مع ظهور رسائل خطأ عديدة عند وجود أحد الأكواد المعطوبة أو الناقصة وربما في أغلب الأحيان تجد رسالة أسفل المتصفح Done..with errors تعطي انطباعاً سيئاً لدى الزائر عن الموقع


المصدر : عرب سوفتوير
يمكنك النقل لأى منتدى للفائدة العامة مع ذكر المصدر


heroshima 2006-09-09 11:09 AM

شكرا جدا على الشرح الوافي

KoBTAaN 2006-09-13 09:43 PM

شرح وافى وجميل اخى:ongue:
ولكن يمكن ان تستخدم جافا تسريع الموقع ولا يمكن الضرر من ذلك
وانا ايضا متفق معك على كلامك ان الفلاش يمكن ان يجعل الموقع ثقيلا فى التحميل...
*جافا تسريع الموقع لا تضرر الوقع بل تزيده من السرعه*

WebCraker 2006-09-14 02:13 AM

على فكرة اكود الجافا من اكثر العوامل اللى تسبب بطأ الصفحات بس طبعا كل كود حسب حجمه وطريقة عمله

انا عندى حل ايضا جميل جدا انا بستخدمة مع كل عملائى بحمد الله والمنتدى هنا بيستخدم نفس طريقة الضغط اللى هقول عليها زائد حاجات تانيه :)

ضع هذا الكود فى اول الصفحة
<? ob_start("ob_gzhandler"); ?>
هذ الكود يضغط الصفحات Gzip بس اكيد لازم يكون امتداد الصفحات .php ويجب ان يكون السيرفر يدعم ملفات php

وبمكنك التأكد من عملية الضغط بالذهاب إلى موقع بعد الانتهاء
Download67172

يمكنك التأكد من عملية الضغط فى المنتدى اذهب اللى الوصلة اعلاه وضع رابط المنتدى
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%


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

WebCraker 2006-09-14 02:18 AM

من الحق واللى يحب يتعمق اكتر واكتر عن طريقة ضغط الصفحات عن طريق Gzip يدخل هنا
Download40885

FREEDOM 2006-11-01 09:50 AM

شكرا يا باشا على الشرح الجميلدة


الساعة الآن 07:14 PM.

Powered by vBulletin Version 3.8.11
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd
استضافة , دعم فنى