السلام عليكم...
كتب Heather Colman ...
لا يوجد شيء أسوأ من ذلك الوقت وحملهم على الجلوس والانتظار حتى يتم تحميل الصور على صفحات الويب الخاصة بك. لقد أصبح المجتمع الملاءمة مع الموجات الدقيقة ، وشوربة فورية بسرعة البرق الخوادم. نريد الامور في غمضة عين.
الزوار يتوقعون شيئا أقل عندما الأراضي على موقعك. كنت قد حصلت فقط بضع ثوان قبل أن تصل إلى الوراء على زر.... وهم ذهبوا... أسرع لموقع تتيح لهم المعلومات التي يريدونها على الفور!
هنا 10 نصائح سريعة لخفض عبء الزمن على الرسومات الخاصة بك.
1. استخدام الطول والعرض (الحجم) السمات.
على سبيل المثال : العرض = "144" ذروة = "259"
في كل مرة المتصفح الأحمال صفحة ويب يبدو لارتفاع العرض والصفات (حجم) من كل صورة في الكود الخاص بك حتى يعرف كيف وضع النص والرسومات على تلك الصفحة.
كل هذا يحدث في الحال وراء الكواليس. عندما تستخدم الصفات السليم ، المتصفح حمولات النص المعروض الرسومات. وهذا جيد. انها أسرع بهذه الطريقة.
إذا كنت لا تستخدم الخواص ، لأسباب التأخير والانتظار لمتصفح لتحميل الصور اولا ثم وضع النص. المتصفح قد لعب صلصة الطماطم. لا يمكن تحميل النص على الشاشة حتى احتلت بها على وجه الدقة حجم الرسومات.
تأكد من استخدام جميع الخواص على الرسومات الخاصة بك ، حتى تلك الصغيرة منها قليلا ، مثل الأزرار والرصاص.
2. حجم الصورة صحيح
يتيح القول انك تحاول أن تضع صورة مع ملف 30k حجم العرض والطول و صفات 300 بكسل في 400 بكسل عالية في الموقع على صفحة الويب الخاصة بك التي تهدف الى اجراء صورة بحجم 200 بكسل في 300 بكسل بها عال.
لذلك قمت بتغيير خصائص العرض و الارتفاع في الكود الخاص بك إلى 200 × 300.
قد يعتقد أنه منذ سيتم عرض الصور في حجم أقل (200x300) ، وسيكون حجم ملف أصغر وأسرع تحميل الصورة.
ليس صحيحا. بغض النظر عن حجم ما هي الصفات التي تستخدمها ، وحجم هذا الملف لا يزال 30k وسوف تحميل بنفس السرعة في أي صورة ما 30k.
استخدام صورة رئيس تحرير لتغيير حجم الصورة الصحيحة للأبعاد الأولى. ثم استخدم في تصحيح حجم الصفات هتمل الخاص بك. من جانب ريسيزينج الصورة قبل لسد إلى الكود الخاص بك ، وسيكون حجم ملف أصغر وتحميل المتصفح سيكون أسرع.
3. رسوم متحركة
الرسوم المتحركة هي حاصل على الاهتمام ، لكنها سرعان ما يزعج. كما أنها تبطئ تحميل صفحتك.
الحد من عدد من الرسوم المتحركة على صفحتك الخاصة بك وحدد annimation على عدد محدد من التكرار بدلا من السماح لهم حلقة لا نهاية.
4. استخدام الصور الصحيحة عن الشكل
إذا كانت الصورة بسيطة مع عدد قليل من الألوان محاولة تحويله إلى شكل gif. خيارات جيدة لذلك clipart ، الرصاص ، أزرار ، ومثل هذه الخرائط.
نصيحة للعقلاء. ليست كل الصور لتناسب شكل gif. مجمع صور ، والصور ، أو تلك التحسينات مثل الأفكار وانخفاض الظلال لا يتم عرض جيد في هذا الشكل.
jpg فإن شكل مناسب لمجمع صور مع الكثير من لون الاختلافات. وخير مثال على ذلك هو صورة.
بابوا نيو غينيا شكل يمكن ان تستخدم لاغراض. الحد الاعلى لبابوا نيو غينيا شكل (بابوا غينيا الجديدة - 24) وتنتج صورة جميلة وشفافة ، وتحتفظ أي أنك شملت التعزيزات. ملف الأحجام عادة أعلى من ذلك إذا كنت في كل مرة تشعر بالقلق إزاء العبء ، فقد لا ترغب في أن تنظر في شكل بابوا نيو غينيا ، إلا إذا كنت قد البرمجيات والمهارات لشريحة صورك. (انظر نصيحة # 5)
5. وهذه الشريحة صور
صورة تشريح هو طريقة تستخدم لانهيار كبير في صورة أصغر القطع لجعلها تحميل أسرع.
يمكنني استخدام الصورة في تقطيع اللحم ميزة فوتوشوب ولكن هناك أيضا العديد من الخيارات المتاحة لذلك إذا كنت لا تستخدم فوتوشوب.
البحث عن "صورة الفاصل" -- دون أن يستشهد في المفضلة لديك في محرك البحث لقائمة الموارد لتشريح الصور.
6. الحد من عدد الرسومات وضعت على كل صفحة.
إذا كان تحميل صفحات موقعك بطيئا جدا ، والنظر في رفع بعض من الصور. إلا أن الإبقاء على تلك الضرورة القصوى.
(7). استخدام صور المصغرة
استخدام جافا سكريبت لعرض الصور المصغرة وتحميل صورة أكبر إلا عندما يكون فات القارئ على الفأرة فوق الصورة المصغرة.
استخدام هذا الأسلوب عند ولدي الكثير من الصور وأريد أن أسجل في صفحة واحدة ، ولكن ستكون صفحة كبيرة جدا لو شملت كل منها في الحجم العادي.
حصلت على هذا السيناريو من القيادة الديناميكية. ما دمت تحافظ على حقوق الطبع في الكود يمكنك استخدام النصوص دون تكلفة.
8. المتصفح ذاكرة التخزين المؤقت
النص والرسومات ويتم تخزينها في ما يسمى مخزن على القرص الثابت لديك. هذا يجعل من الأسهل والأسرع لتحميل الملفات التي يتم عرضها في المتصفح. انها حمولات من مخبأ لهم بدلا من أن يزيد صافي في كل مرة ، إذا كان متاحا.
لتحسين تجربة الزوار ، والاستفادة من متصفح مخبأ. أفضل طريقة لتحقيق ذلك هي من خلال عدم وضع صور متطابقة في أكثر من مجلد واحد ، أو دليل على subfolder ملقمك. إذا كان المتصفح يدعو دوما صورة من نفس المجلد ، من الأحمال أسرع بكثير.
9. الأمثل صورك
الأمثل صورك هي طريقة متميزة لتخفيض عبء الزمن. عموما أنا أمثل لتقديم صور لي زبائني إلى ما يقرب من 60 ٪. لقد وجدت أن هذا الأمر السحرية تقلل من عدد الملفات على حجم معقول لكن لا ينال من جودة الصورة.
أنا كنت الحذر على النحو الأمثل. النسب المئوية للمزيد من التحسين قد تترك صورك مع أرقط ذو شامة بنات اللون. انها غالبا ما بك الألوان تبدو ناصل وكنت قد تفقد بعض التفاصيل الدقيقة.
10. التحسين التدريجي
وهناك وجهين قليل الحيلة تعلمتها لاختيار إعدادات التدريجي عندما كنت الأمثل صورك.
في الحقيقة أن هذا لا يجعل تحميل صورك بشكل أسرع ، مع ذلك ، ما حمل في أول منخفض جدا ، وقرار الاستمرار في تحميل تدريجيا ، مع مزيد من التفاصيل ، إلى أن يتم تحميلها بالكامل.
زائرك يقل شيئا لعرض وقراءة محتويات حين انتهاء عملية التحميل. هذه التقنية تعمل مع JPG ، JPEG ، GIF ، .
في الخلاصة
ونحن من التقدم في المستقبل وجود الإنترنت وسيأتي الوقت الذي نحن بصدد سرعة بسرعة سرعة تحميل صفحات الويب والتي لن تكون المسألة. الأخبار والمعلومات والرسومات سوف الفلاش عبر الشاشة في تحطيم الرقم القياسي بسرعة. سنصل. ربما ليس في السنوات القليلة المقبلة ولكن علينا في نهاية المطاف. التاريخ قد علمنا أن التكنولوجيا هنا. انها مسألة وقت فقط قبل ان نراه.
ولكن حتى يحدث ذلك على مدى سرعة تحميل صفحات الويب لدينا شيء نحن بحاجة إلى تحمل المسؤولية.
النسخه الأصليه..
