كيفية تقليل طلبات HTTP لتحسين أوقات التحميل

click fraud protection

طلبات HTTP هي الطريقة التي تطلب بها المتصفحات عرض صفحاتك. عندما يتم تحميل صفحة الويب الخاصة بك في مستعرض ، يرسل المستعرض طلب HTTP إلى خادم الويب للصفحة الموجودة في عنوان URL. بعد ذلك ، عندما يتم تسليم HTML ، يقوم المتصفح بتحليله ويبحث عن طلبات إضافية للصور والبرامج النصية ، CSS، فلاش ، وما إلى ذلك.

في كل مرة يرى طلبًا لعنصر جديد ، فإنه يرسل طلب HTTP آخر إلى الخادم. كلما زاد عدد الصور والنصوص و CSS و Flash وما إلى ذلك. أن صفحتك تحتوي على المزيد من الطلبات التي سيتم إجراؤها وسيتم تحميل صفحاتك بشكل أبطأ. تتمثل أسهل طريقة لتقليل عدد طلبات HTTP في صفحاتك في عدم استخدام العديد من الصور (أو أي منها) ، أو البرامج النصية ، أو CSS ، أو Flash ، وما إلى ذلك. لكن الصفحات التي هي مجرد نصوص مملة.

كيفية تقليل طلبات HTTP دون إتلاف التصميم الخاص بك

لحسن الحظ ، هناك عدة طرق يمكنك من خلالها تقليل عدد طلبات HTTP مع الحفاظ على تصميمات ويب غنية وعالية الجودة.

  • دمج الملفات - استخدام أوراق الأنماط الخارجية والنصوص البرمجية مهمة لمنعها من التعثر في أوقات تحميل صفحتك ولكن ليس لديها أكثر من CSS وملف نصي واحد.
  • استخدم CSS Sprites
    instagram viewer
    - عندما تدمج معظم صورك أو كلها في كائن متحرك ، فإنك تحول طلبات صور متعددة إلى واحد فقط. ثم ما عليك سوى استخدام خاصية CSS background-image لعرض قسم الصورة الذي تحتاجه.
  • خرائط الصور - خرائط الصور ليست شائعة كما كانت من قبل ، ولكن عندما يكون لديك صور متجاورة ، يمكنها تقليل طلبات صور HTTP المتعددة وصولاً إلى طلب واحد فقط.

استخدم التخزين المؤقت لتحسين أوقات تحميل الصفحة الداخلية

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

instagram story viewer