تقليل عدد المكونات على صفحاتك
طلبات HTTP هي كيفية مطالبة المتصفحات بعرض صفحاتك. عندما يتم تحميل صفحة الويب في متصفح ، يرسل المتصفح طلب HTTP إلى خادم الويب للصفحة في عنوان URL. بعد ذلك ، عندما يتم تسليم HTML ، يوزعه المتصفح ويبحث عن طلبات إضافية للصور والنصوص البرمجية و CSS والفلاش وما إلى ذلك.
في كل مرة يشاهد طلبًا لعنصر جديد ، يرسل طلب HTTP آخر إلى الخادم. كلما زاد عدد الصور والنصوص و CSS والفلاش وما إلى ذلك ، ستتضمن طلباتك المزيد من الصفحات وسيتم تحميل الصفحات البطيئة. إن أسهل طريقة لتقليل عدد طلبات HTTP على صفحاتك هو عدم استخدام العديد من (أو أي) من الصور ، أو البرامج النصية ، أو CSS ، أو الفلاش ، إلخ. لكن الصفحات التي هي مجرد نص مملة.
كيفية تقليل طلبات HTTP دون تدمير التصميم الخاص بك
لحسن الحظ ، هناك العديد من الطرق التي يمكنك من خلالها تقليل عدد طلبات HTTP ، مع الحفاظ على تصاميم الويب الغنية والجودة العالية.
- الجمع بين الملفات - من المهم استخدام أوراق ونصوص نمط خارجية لمنعهم من تعطل أوقات تحميل الصفحة ، ولكن ليس لديهم أكثر من CSS وملف نصي واحد.
- استخدام CSS Sprites - عندما تقوم بضم معظم أو كل صورك إلى رموز متحركة ، فإنك تحول طلبات صور متعددة إلى واحدة فقط. ثم تستخدم خاصية CSS للصورة الخلفية لعرض مقطع الصورة الذي تحتاجه.
- خرائط الصور - خرائط الصور ليست ذات شعبية كما كانت في السابق ، ولكن عندما يكون لديك صور مجاورة ، يمكن أن تقلل طلبات HTTP المتشابهة إلى واحد فقط.
استخدم التخزين المؤقت لتحسين أوقات تحميل الصفحة الداخلية
وباستخدام CSS sprites وملفات CSS وملفات البرامج النصية المدمجة ، يمكنك أيضًا تحسين أوقات تحميل الصفحات الداخلية. على سبيل المثال ، إذا كانت لديك صورة رموز متحركة تحتوي على عناصر من الصفحات الداخلية بالإضافة إلى صفحتك المقصودة ، فعندئذ عندما يذهب القراء إلى تلك الصفحات الداخلية ، يتم تنزيل الصورة بالفعل وفي ذاكرة التخزين المؤقت . لذلك لن يحتاجوا إلى طلب HTTP لتحميل تلك الصور على صفحاتك الداخلية أيضًا.