سرعة تحميل الموقع. 4 عوامل رئيسية.

العلامات: SEO

سرعة تحميل الموقع. كيف يمكنني زيادة سرعة التنزيل الخاصة بي؟ المشاكل الرئيسية.

موصى به سرعة تحميل الموقع متصفح الجوجل - 2 ثانية... (انظر الآن إلى سرعتك)

(كيف تتحقق من سرعة تحميل الموقع؟أسهل وأسرع طريقة لفتحه أدوات المطور CTRL + SHIFT + Iثم حدد علامة التبويب "الشبكة" ، ثم قم بتحديث الصفحة ، لمعرفة سرعة التنزيل التي تحتاجها لتحديث الصفحة ، قم بالتحديث بدون ذاكرة التخزين المؤقت: تحتاج إلى الضغط على CTRL + F5 / CTRL + R. وستكون سرعة التنزيل في الأسفل.)

تحقق من سرعة تحميل الموقع
باستخدام خدمة من Google: PageSpeed Insights

النقاط الرئيسية الأكثر تأثيرًا:

مخبأ
CSS (الأنماط)
شبيبة (نصوص)
الصور (وزنها وحجمها - نعم ، حجم HxW ، بيانات التعريف - وهناك شيء من هذا القبيل ، هذه هي معلوماتهم مثل: التاريخ ، العنوان ، الموضوع ، إلخ.)

لكي لا أرسم الكثير من المعلومات غير الضرورية حول اللحظات الصغيرة التي لا تؤثر حقًا أو يكون لها تأثير ضئيل ، لن أكتب عنها.

# 1 النقد

التخزين المؤقت (أومخبأ) هو مخزن مؤقت (مكان) حيث يتم تخزين أي بيانات. في حالتنا ، هذه هي الصور ، الكود ، الأنماط ، إلخ.

الأسهل ما يمكنك أن تفعله بنفسك هو تمكين التخزين المؤقت على الاستضافة.
(إذا كنت تستضيف Ukraine.com.ua ، فأنت بحاجة إلى الانتقال إلى "إعدادات الموقع" -> "الإعدادات الأساسية" وسيكون هناك عنصر "التخزين المؤقت" وهناك تحدد مقدار الوقت المطلوب الذي سيكون موقعك فيه مخبأة. أوصي بتعيين أسبوعين - مع فترة التخزين المؤقت هذه ، تضيف إحصاءات سرعة صفحة Google الكثير من النقاط.)

يمكن العثور على طرق أخرى متعلقة بـ htaccess وعلامات المتصفح وما إلى ذلك على الإنترنت لعدد غير قليل من المقالات ولا أرى أي فائدة من إعادة الكتابة. يمكنك أن تقرأ عن أنواع التخزين المؤقت في مقالة حبري.

# 2 CSS (الأنماط)

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

أترك أيضًا بعض الروابط المفيدة:

خدمات لضغط css
طريقة لضغط ملفات css

# 3 شبيبة (نصوص)

لدينا هنا أيضًا عدة طرق لتحسين البرامج النصية.

تأجيل تحميل البرنامج النصي... لدفعه إلى أدنى مستوى ممكن ، أو نقله إلى أبعد من أو حتى إلى الأسفل أحيانًا يكون ذلك مفيدًا ، وأحيانًا لا يكون خيارًا. لكن النقطة رقم 2 تأتي للإنقاذ.
ASYNC - تحميل البرنامج النصي غير المتزامن. يتم ذلك عن طريق المعلمة "غير المتزامن"
انظر هنا لمزيد من التفاصيل حول غير المتزامن.
مزيد من المعلومات حول JS وتأثيرها.
نقطة تافهة.
يمكن أيضًا ضغط JS. دمج أيضًا في ملف واحد.

# 4 الصور

يمكنك دائمًا القيام بثلاثة أشياء: انظر إلى النار ، والنظر إلى الماء ، وتحسين الصور.

الموضوع واسع للغاية ، لذلك سأحاول أن أقدم لك معلومات مهمة فقط.

تحسين الوزن.

كيف؟ باستخدام برنامج أو خدمة.

برنامج للعمل الجماعي بالصور صورة FastStoneيمكنك استخدامه
تغيير حجم الصور بكميات كبيرة. كيف وماذا بالفعل جوجل ليس هناك صعوبة.
تنزيل Faststone Image.
خدمة لتقليل حجم الصور - الباندا... بتعبير أدق ، TinyPNG & TinyJPG.
الميزة الرئيسية لـ ONLINE. ما عليك سوى إسقاط الملفات واستعادتها في نسخة مضغوطة - لا تتأثر الجودة على الإطلاق (إنها سحرية).
الروابط: tinypng.com & tinyjpg.com

تحسين الحجم.

الحجم ، كما كتبت أعلاه ، يمكن تغييره باستخدام البرنامج صورة FastStone.
الحجم هو الطول × الوزن.

مثال:

الحجم	بكسل	حجم الملف
100 × 100	10 000	39 كيلو بايت
200 × 200	40 000	156 كيلو بايت
300 × 300	90 000	351 كيلو بايت
500 × 500	250 000	977 كيلو بايت
800 × 800	640 000	2500 كيلو بايت

(إذا كنت ترغب في معرفة المزيد حول هذا الموضوع ، يمكنك قراءة تعليمات Google حول هذا الموضوع. مقالة من Google ، ولكن تحذيرك من أنها نوع من المهووسين)

على سبيل المثال ، لدينا صورتان:
1) الوزن 100 كيلو بايت ، الحجم 500 × 500
2) الوزن 100 كيلو بايت ، الحجم 2500 × 2500
يبدو أن الاختلاف الذي يزنونه هم نفسهم ، وبالتالي ، يجب أن يكون تحميلهم بنفس القدر من الصعوبة أو البساطة ، لكنه لم يكن موجودًا إذا قمت بالتحقق من سرعة صفحة google ، فسيظل أقسم على الصورة باستخدام دقة عالية.

كي تختصر: القياس يهم. الوزن أيضا. (الباقي ليس مهمًا جدًا ، ولكن وفقًا لحجج بعض الخبراء ، فإن له تأثيرًا أيضًا ، والآن أتحدث عن بيانات الصورة الوصفية)

لم أكتب حقًا أي شيء عن البيانات الوصفية ، حسنًا ، لا يوجد شيء أكتب عنه ...
فقط امسح جميع البيانات الوصفية لجميع الصور تمامًا ، وفقًا للأسطورة ، يمكنك تقليل الحجم بمقدار مرتين. اكتشفت نفسي مؤخرًا (فيما يتعلق بتأثير حجم الملف ، اعتقدت أنه غير مهم تمامًا).

باختصار عن الإصدار: