-
من إدخال عنوان URL في المتصفح أو فتح صفحة ويب من رابط آخر، حتى يتم تحميل صفحة الويب بأكملها، ما هي الملفات التي سيقوم المتصفح بتحميلها أثناء هذه العملية؟ أولاً، دعونا نلقي نظرة على الأجزاء التي تتكون منها صفحة الويب من، 1. مستند الويب هو النص المعروض على صفحة الويب وهذا جزء صغير نسبيًا 2. الصور هي الصور المعروضة على صفحة الويب. تمثل الصور الجزء الأكبر من الصفحة بأكملها. 3. الكائنات، مثل Flash ومقاطع الفيديو الإضافية وما إلى ذلك. 4. البرامج النصية هذا هو في الأساس ملف js، 5، ورقة الأنماط، التي تتحكم في تأثير عرض صفحة الويب.
بعد ذلك، كلما كان ملف صفحة الويب أكبر، كلما استغرق المتصفح وقتًا أطول لتنزيل الصفحة من الخادم لعرضها. يعد هذا أمرًا سيئًا للغاية بالنسبة إلى تحسين محركات البحث لموقع الويب. بالنسبة لمحتوى معين، يرجى الرجوع إلى مقالة في SEM بعنوان "كيف تؤثر سرعة تحميل صفحة الويب على تأثير تحسين محركات البحث". وقد تتأثر بعض مواقع الويب نفسها بنظام إدارة المحتوى (CMS) أيضًا يكون ذلك بسبب أن شريط حالة المتصفح دائمًا في حالة الطلب. لذلك، بالنسبة لموقع الويب، يشمل الحجم الإجمالي للملف المحتوى المذكور أعلاه، وhtml، وCSS الخارجي، وجافا سكريبت الخارجي، وحجم بعض الملفات مثل الصور والأصوات ومقاطع الفيديو والفلاش وغيرها على صفحة الويب. HTML وCSS وJavascript من بين هذه الملفات كلها ملفات نصية يمكن تنسيقها بعد كتابة صفحة الويب، ومع ذلك، تحتوي خوادم الويب الحديثة على وظائف ضغط النص التي يمكن للمسؤولين تعيينها.
ومع ذلك، فإن الملفات مثل الصور والأصوات ومقاطع الفيديو والفلاش تمثل نسبة كبيرة من موقع الويب، وهذه الملفات أكبر بكثير من الملفات النصية فهي عامل مهم يؤثر على سرعة التنزيل أثناء عملية فتح الموقع.
هذا هو حجم الصفحة الرئيسية لمركز تسوق محلي B2C.
هذا هو حجم صفحة تاوباو الرئيسية
حجم الصفحة الرئيسية 163، مقارنة بمواقع البوابة، وصفحات مواقع مراكز التسوق كبيرة نسبيًا بالفعل. الصورة أعلاه عبارة عن مكون إضافي في Firefox. هناك وظيفة في مطور الويب للتحقق من حجم صفحة الويب. هذه الأداة مفيدة جدًا للتحليل الفني لمواقع الويب. ويمكن للأصدقاء المحتاجين تثبيتها واستخدامه يتطلب أيضًا الكثير من تحسين محركات البحث (SEO) لتحليل الكود الأساسي للموقع، وتحليل موقع المنافسين، وما إلى ذلك.
في الظروف العادية، ما هو الحجم المناسب لكل صفحة؟ حتى الخبراء المزعومين يختلفون بشكل عام حول هذه المشكلة. إذا كان موقع الويب الخاص بك يتطلب رسومات بجودة احترافية، فمن المستحيل الالتزام بـ "قاعدة 20 كيلو بايت"، كما هو الحال في اليوم. مراكز التجارة الإلكترونية، يختلف تأثير معالجة الصور والشعور برسوم المبيعات. على سبيل المثال، تقوم بعض مواقع الويب بإنشاء موضوعات خاصة، معظمها عبارة عن صور. في هذا الوقت، عند تصميم الصفحة، يمكنك قص الصور الكبيرة الصور الأصغر حجمًا، مثل مركز مونباس التجاري المحلي، على الرغم من أنه موضوع خاص، إلا أنها تقسم الصورة الكبيرة إلى العديد من الأجزاء الصغيرة، بحيث عندما يفتح المستخدم صفحة الويب، يتم تحميل صفحة الويب بشكل أسرع، وتزداد سرعة فتح موقع الويب. سيؤثر ذلك بشكل كبير على المستخدم، فقط تخيل أن موقع الويب يفتح ببطء شديد، ما المدة التي تنتظرها عادةً؟ لا تدع المستخدمين ينتظرون لفترة طويلة، وإلا فسوف تفقد المستخدمين المحتملين أو الطلبات.
إذًا، ما هي أفضل الأشياء التي يمكنك القيام بها لإنقاص الوزن على صفحات الويب الخاصة بموقعك الإلكتروني؟
1. ضع معظم أوراق أنماط CSS وملفات جافا سكريبت في ملفات خارجية لصفحة الويب، واكتبها في ملف منفصل، وقم بالإشارة إلى هذه الملفات فقط عند فتح الموقع لأول مرة قبل التحميل. بعد ذلك، يمكن لأي صفحة من موقع الويب إعادة استخدام هذه الملفات دون الحاجة إلى تنزيلها مرة أخرى. على الرغم من أن هذه الملفات قد لا تكون كبيرة جدًا، إذا كان لا بد من تحميلها في كل مرة يتم فيها فتح صفحة جديدة، فهي أيضًا جزء من توفير النطاق الترددي للمستخدم.
2. حاول، إن أمكن، استخدام الرسومات والصوت والفيديو على صفحات مختلفة. يتم أيضًا تحميل هذه الملفات عند استخدامها لأول مرة.
3. لا تستخدم الصور والرسوم المتحركة والأصوات غير الضرورية سواء كان ذلك من أجل التطبيق العملي أو لزيادة جمال الموقع، فيجب أن يكون لكل ملف سبب لوجوده. يتم استخدام بعض الصور لملء الفراغات، مثل هذه الصور يمكن إزالتها.
4. حاول استخدام صور صغيرة الحجم بدلاً من الصور كبيرة الحجم، لأنه في نفس الظروف، يتم تنزيل الصور الصغيرة بشكل أسرع. إذا لم تكن لديك متطلبات عالية لوحدات بكسل الصورة، فيمكنك استخدام الصور بتنسيق gif على سبيل المثال يمكن تكرار صورة الخلفية بأحجام صغيرة بدلاً من استخدام صورة كبيرة كخلفية، على سبيل المثال، في بعض مواقع مراكز التسوق، يمكن قص الصور الموجودة على الصفحات الموضوعية إلى صور صغيرة الحجم، مما قد يؤدي إلى تسريع عملية فتح موقعك. صفحة على الإنترنت.
5. التقليل من استخدام الصور لتأثيرات التقليب في أزرار التنقل، وذلك لأنه يلزم تنزيل صور مختلفة، وعلى العكس من ذلك، إذا تم استخدام روابط نصية، فيمكن تحقيق نفس التأثير باستخدام CSS للتحكم في التقليب.
يسرد ما سبق بشكل أساسي العوامل ذات الصلة التي تؤثر على حجم صفحة الويب، وقد يكون هناك بعض العوامل التي لم يتم العثور عليها، وآمل أن يكتشف بعض الأصدقاء المزيد من العوامل التي تؤثر على تحسين صفحة الويب.
معلومات المؤلف: مدونة Liu Yunwei
شكرا كيتوير لمساهمتك