سيو

تحسين سرعة الموقع ( دليل شامل )

في دليلنا الشامل ستتعرف على معنى تحسين سرعة الموقع – PageSpeed ​​وكيفية قياسه ولماذا تعتبر سرعة التحميل مهمة جدًا لموقعك . ثم نشرح ما يمكن أن يبطئ من سرعة الموقع وكيف يمكنك تحسين أوقات التحميل من خلال الإجراءات المستهدفة.

تحسين سرعة الموقع

لماذا وقت تحميل الموقع مهم؟

هناك العديد من الأسباب المختلفة ومنها:

1. تجربة مستخدم إيجابية: يتوقع نصف مستخدمي الإنترنت تقريبًا وقت تحميل أقل من ثانيتين. إذا استغرق التحميل أكثر من ثلاث ثوانٍ ، يغادر 40 بالمائة من الزوار. كلما كان وقت التحميل اقل، كلما طالت مدة بقاء المستخدم وانخفض معدل الارتداد.

2. عامل الترتيب السيو : بالنسبة إلى جوجل ومحركات البحث الأخرى ، تعد تجربة المستخدم الإيجابية عاملاً مهمًا في تحديد جودة الموقع. هذا هو السبب في أن جوجل جعلت سرعة الموقع  أيضًا عامل ترتيب. كلما تم تحميل الموقع بشكل أسرع ، زادت فرص الحصول على تصنيفات جيدة.

3. تحسين معدل التحويل: يمكن أن يؤدي تأخير وقت التحميل بمقدار ثانية واحدة إلى تقليل التحويلات بنسبة تصل إلى سبعة بالمائة. مثال إذا كان متجرك عبر الإنترنت يبلغ حجم مبيعاته اليومية 1000 دولار ، فإن تأخير وقت التحميل بمقدار ثانية واحدة يمكن أن يؤدي إلى خسائر قدرها 70 دولار في اليوم. تحسب على أساس شهري ، تخسر 2100 دولار في المبيعات. إذا تم حسابه على مدار العام ، فإن موقع الويب البطيء هو قاتل حقيقي للإيرادات.

4. الزحف: يتم الزحف إلى مواقع  التي يتم تحميلها ببطء بشكل أبطأ وليس بشكل مكثف بواسطة Googlebot نظرًا لوجود ميزانية محدودة متاحة للزحف إليه. من خلال سرعة التحميل ، يمكنك أيضًا تحديد مدى جودة الزحف إلى موقعك ومدى حداثة المحتوى الخاص بك في فهرس جوجل .

كيف يتم قياس سرعة الموقع؟

بشكل عام ، فإن وقت تحميل الموقع هي الفترة التي تُقاس بالثواني بين الاستدعاء والعرض الكامل للموقع في المتصفح. بالإضافة إلى مصطلح “وقت التحميل” ، يتم استخدام مصطلح “سرعة التحميل” أو “سرعة الصفحة” أيضًا. لذلك ، إذا بحثت في الويب عن الموضوع ، فستجد أسماء مختلفة لنفس المصطلح . يمكن أيضًا تقسيم وقت تحميل الموقع  إلى قياسات مختلفة:

  • Time to First Byte  : الوقت بين استدعاء الموقع وأول بايت تم تحميله بواسطة خادم الويب.
  • First Contentful Paint : الوقت الذي يتم فيه عرض عنصر الرسم لأول مرة في المستعرض.
  • First Meaningful Paint: الوقت الذي يشعر فيه المستخدم أنه تم تحميل موقع الويب.
  • Time to Interactive : الوقت الذي يتم فيه عرض موقع الويب بالكامل ويكون جاهزًا لإدخال المستخدم.

كيف يمكنني قياس سرعة تحميل موقعي ؟

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

ماهي السرعة المناسبة لموقعي ؟

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

عوامل لا تستطيع التأثير عليها :

الباندويث: يتأثر وقت تحميل موقعك بنطاق الباندويث المتاح. مثال من خلال اتصال 3G ، سيتم تحميل موقعك بشكل أبطأ من اتصال DSL السريع.
ذاكرة التخزين المؤقت للمتصفح : إذا كان المستخدم يستخدم متصفحًا لم يتم مسح ذاكرة التخزين المؤقت له لفترة طويلة ، فقد يتأخر تحميل الصفحة بشكل كبير لأن الذاكرة الرئيسية للكمبيوتر لم تعد كافية لمعالجة كمية البيانات.
القوة الحاسوبية : على أجهزة الكمبيوتر المكتبية والهواتف الذكية القديمة ، قد يكون هناك تأخير في تحميل الصفحة ، حيث يتم إبطاء DOM وتنفيذ البرامج النصية بسبب عدم كفاية الذاكرة وقوة المعالج.

عوامل تستطيع التأثير عليها :

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

التحسين المستهدف لسرعة الموقع

إنشاء أوقات اتصال سريعة

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

إعداد اتصال DNS سريع

يجب حل المجال الذي تم إدخاله في المتصفح إلى عنوان IP. يتحول موقع Site.com إلى أربعة أرقام بين 0 و 255 ، مفصولة بنقاط. إن ما يسمى بخوادم DNS هي المسؤولة عن حل المجال. عادة ما تكون هناك حاجة إلى سلسلة من خوادم DNS قبل العثور على عنوان IP.

يمكن تبسيط هذه العملية باستخدام خوادم DNS أسرع. على سبيل المثال ، يمكن استخدام الخوادم التي تحتوي على عناوين IP “1.1.1.1” من Cloudflare و “8.8.8.8” من Google . يمكن إجراء تحويل إدخالات DNS بواسطة مزود المجال أو المضيف.

شبكات CDN 
إذا كان من المهم أن يكون لعملك عبر الإنترنت وجود عالمي ، فستجد بسرعة أن أوقات الاتصال يمكن أن تختلف اختلافًا كبيرًا عن بعضها البعض ، اعتمادًا على المكان الذي يتم الوصول منه إلى موقع الويب. وذلك لأن العقد تتزايد جغرافيًا حتى تصل إلى مركز البيانات الذي يوجد فيه خادم الويب الخاص بك.

يمكن لشبكة توصيل المحتوى ، أو CDN باختصار ، المساعدة هنا. تضمن شبكة CDN تخزين موقع الويب الخاص بك مؤقتًا في شبكة خادم عالمية وأن هناك دائمًا عددًا صغيرًا من العقد بين كمبيوتر المستخدم والخادم التالي في شبكة CDN. ترتبط هذه الخدمة بتكاليف عالية.

من أجل استخدام CDN ، يجب عليك التسجيل مع مزود. توجد شبكات CDN مجانية على الويب ، ولكن يجب عليك التحقق بعناية من الشروط التي يكون فيها العرض مجانيًا. عادةً ما يتقاضى مقدمو الخدمات المعتمدون على الرسوم لكل حجم بيانات يتم استخدامه شهريًا عبر الشبكة.

استخدم HTTPS

العديد من إجراءات تسريع الموقع ​​والأمان  ممكنة فقط مع شهادة SSL. بالإضافة إلى ذلك ، أثبتت شهادات SSL للأمان وتجربة المستخدم وعامل ترتيب SEO نفسها كمعيار. لذلك إذا لم تكن تستخدم شهادة SSL بعد ، فعليك فعل ذلك بالتأكيد. تقدم Let’s Encrypt شهادات SSL  مجانًا.

ما هي شهادة SSL ؟ طريقة تركيب شهادة SSL على موقعك أو ووردبريس

تحسين سرعة خادم الويب (سيرفر )

عندما يتم إنشاء الاتصال بخادم الويب ، فإنه يعالج الطلب ويوفر الملفات المطلوبة. يتم أيضًا استدعاء البرامج النصية من جانب الخادم ، على سبيل المثال ، لقراءة المحتوى من قواعد البيانات وإتاحتها للظهور.

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

استخدام التخزين المؤقت من جانب الخادم
حتى لا يتم استدعاء المحتوى المطلوب بشكل متكرر ، على سبيل المثال استعلامات قاعدة البيانات ، مرارًا وتكرارًا ، ويمكن تخزينه مؤقتًا على الخادم. هذا مهم بشكل خاص للمستخدمين الذين يرغبون في قراءة العديد من المقالات أو إلقاء نظرة على المنتجات – أي استدعاء عدة صفحات في جلستهم. وبالتالي يمكن تقليل أوقات التحميل بعد مشاهدة الصفحة الأولى.

في إعدادات برنامج خادم الويب – يتم استخدام خادم Apache HTTP و Nginx بشكل متكرر – يمكن تنشيط التخزين المؤقت من جانب الخادم وإعداده. إذا لم تكن لديك المعرفة اللازمة ، يمكنك أن تسأل موفر الاستضافة عن ذلك أو أن تقوم بالتخزين المؤقت وتدابير PageSpeed ​​الأخرى بواسطة خدمة سحابية آلية.

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

يمكن تنشيط التخزين المؤقت للمتصفح باستخدام العديد من أنظمة إدارة المحتوى عبر المكونات الإضافية.

يتم التنشيط اليدوي للتخزين المؤقت للمتصفح عن طريق ضبط تكوين خادم الويب. لهذا يمكنك تشغيل واحدة من وحدتين من وحدات خادم Apache: mod_headers و mod_expires.

إذا كنت تستخدم mod_headers ، فيجب استكمال .htaccess بالشفرة التالية (المصدر GitHub):

<FilesMatch “\.(css|js|gif|pdf|jpg|jpeg|png)$“>
Header set Cache-Control “max-age=2592000, public“
</FilesMatch>

تشير الأقواس المستديرة إلى تنسيقات الملفات التي سيتم وضعها في ذاكرة التخزين المؤقت. في نفس الوقت ، يتم تحديد مدة ذاكرة التخزين المؤقت مع “الوقت”. الوحدة بالثواني. في هذا المثال ، هذا يعادل 30 يومًا يجب أن يحتفظ بها المتصفح بذاكرة التخزين المؤقت.

إذا كنت تريد استخدام mod_expires للتخزين المؤقت للمتصفح ، فسيتم تمديد التكوين من خلال الأسطر التالية (المصدر GitHub):

ExpiresActive On
ExpiresByType image/jpg “access plus 1 year“
ExpiresByType image/jpeg “access plus 1 year“
ExpiresByType image/gif “access plus 1 year“
ExpiresByType image/png “access plus 1 year“
ExpiresByType text/css “access plus 1 month“
ExpiresByType text/html “access plus 1 month“
ExpiresByType application/pdf “access plus 1 month“
ExpiresByType text/x-javascript “access plus 1 month“
ExpiresByType application/x-shockwave-flash “access plus 1 month“
ExpiresByType image/x-icon “access plus 1 year“
ExpiresDefault “access plus 1 month“

باستخدام هذه الطريقة ، يمكن تحديد وقت انتهاء الصلاحية بشكل منفصل لكل نوع ملف.

استخدم ضغط GZip

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

 كيف يمكنني ضغط الملفات باستخدام GZip؟

باستخدام مثال برنامج خادم الويب Apache الأكثر استخدامًا ، سنوضح لك كيف يمكنك تنشيط ضغط GZip. يتم استخدام الوحدتين mod_deflate و mod_gzip هنا.

1. عادة ما تكون وحدة mod_deflate مثبتة مسبقًا. باستخدام أمر وحدة التحكم التالي ، يمكنك التحقق مما إذا كان متاحًا بالفعل:

sudo apachectl -t -D DUMP_MODULES | grep deflate

إذا حصلت على الإخراج “deflate_module (shared)” ، فإن mod_deflate مثبتة بالفعل.

2. افتح الآن “httpd.conf” ، ملف تكوين Apache. يمكنك عادة العثور على هذا في المجلد “/ etc / httpd / conf /”. هناك تضيف السطر التالي:

AddOutputFilterByType DEFLATE text / text text / html text / simple text / xml text / css application / x-javascript
application / javascript

بهذا تشير إلى أنه سيتم ضغط النص بالإضافة إلى كود HTML و CSS و JavaScript باستخدام GZip. احفظ الملف وأعد تشغيل خادم الويب Apache. بعدها سيتم ضغط البيانات بواسطة Apache.

تفعيل HTTP / 2

بشكل افتراضي ، يتم تحميل جميع الملفات الموجودة على موقع الويب (مثل الصور والنصوص) باستخدام بروتوكول HTTP / 1.1. يتم تنزيلها واحدة تلو الأخرى عبر اتصالهم الخاص. يمكنك أن تتخيل الأمر كما لو كنت ترغب في طلب العديد من البيتزا وسيقوم عامل التوصيل بتوصيل كل بيتزا على حدة.

هذا بالطبع غير مريح ويبطئ عملية التحميل. يمكن تحويل خادم الويب إلى بروتوكول HTTP / 2 بشهادة SSL. عبر HTTP / 2 ، يتم تنزيل جميع الملفات عبر اتصال واحد. تدعم جميع المتصفحات الشائعة الآن البروتوكول.

ماهو HTTP2 وتأثيره على سرعة الموقع

ضغط الصور

يتكون الجزء الأكبر نسبيًا من حجم تنزيل الموقع من الصور.  إذا تمكنت من تقليل حجم ملف صورك بشكل كبير ، يمكنك زيادة سرعة صفحتك بشكل ملحوظ.

ضغط الصور وتقليل حجمها لتسريع الموقع – ادوات اونلاين وبرامج مجانية

تحسين جميع الصور

الصور مهمة لجعل الموقع واضحًا وجذابًا للمستخدمين. لكن الصور على وجه الخصوص تحمل خطر زيادة حجم ملف موقعك بشكل كبير وبالتالي سيتأخر وقت التحميل. لذلك ، يجب عليك فقط استخدام الصور المحسّنة .

خطوات أخرى:

  • قم بضغط صورك باستخدام برنامج تحرير الصور مثل Gimp أو Adobe Photoshop قبل استخدامها على الموقع. يقدم كلا البرنامجين وظيفة “حفظ للويب” للمبتدئين. حتى نقوم تلقائيًا بتحسين حجم الملف. باستخدام أدوات مثل PNGGauntlet ، يمكن تقليل أحجام الملفات بشكل أكبر عن طريق إزالة المعلومات الإضافية.
  • حدد حجم الصورة المطابق في شفرة المصدر: إذا كان على المستعرض حساب أبعاد الرسومات نفسها ، فقد يستغرق ذلك وقت من التحميل. يجب أن يتوافق الحجم المحدد مع الحجم الأصلي للصورة المخزنة على الخادم. يمكنك أيضًا تحديد إخراج حجم الصورة عبر CSS.
  • إزالة العلامات الوصفية وبيانات EXIF: إذا كنت تستخدم صورًا من الكاميرا أو الهاتف الذكي ، على سبيل المثال ، يتم ادراج معلومات إضافية  مثل الموقع والكاميرا المستخدمة وبيانات أخرى. باستخدام أداة مثل tinypng ، يمكنك إزالة هذه المعلومات وتقليل حجم الصورة.

استخدم WebP

أنشأت Google تنسيقًا جديدًا للصور يمكنه ضغط الصور بدون فقدان الجودة على غرار ( PNG) و ( JPEG). في الوقت نفسه ، فهي أكثر كفاءة من التنسيقات القديمة وبالتالي يمكن أن تسود في المستقبل. ليست كل المتصفحات تدعم WebP حتى الآن. لذلك من المنطقي تخزين البدائل لملفات WebP في التعليمات البرمجية المصدر وإنشاء محول. يعمل هذا كالتالي:

<picture>
<source srcset=“img/test1.webp“ type=“image/webp“>
<source srcset=“img/test2.jpg“ type=“image/jpeg“>
<img src=“img/test2.jpg“ alt=“مثال“>
</picture>

الفرق بين سطح المكتب والجوال

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

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

على غرار المثال السابق لـ WebP ، يمكن أيضًا تخزين الاكواد لهذا الغرض في رمز الموقع . باستخدام CSS ، على سبيل المثال ، يمكن الاستعلام عن دقة الشاشة وبالتالي يمكن تكييف الشاشة مع وسيط العرض.

إعداد التحميل البطيء

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

العديد من الصور التي يتم تحميلها بهذه الطريقة تكون مرئية فقط للمستخدم عندما يقوم بالتمرير لأسفل الصفحة. لذلك ليس من الضروري أن يتم تحميلها بالفعل عندما ينظر المستخدم إلى الجزء “الجزء المرئي من الصفحة”. يمكن استخدام طريقة تسمى “التحميل البطيء” للتأكد من أن الصور الموجودة أسفل الجزء المرئي من الصفحة يتم تحميلها فقط عندما تظهر فعليًا في منفذ العرض.

التحميل الكسول lazy-loading : كيفية تحسين أداء موقعك

تحسين داخل الموقع

عندما يتم استدعاء الموقع ، يتبع الخادم أو المستعرض الكود المصدري لمستند HTML سطرًا بسطر. تتم أيضًا قراءة جميع المسافات أو فواصل الأسطر. بالتأكيد لن تؤثر المساحة غير الضرورية سلبًا على أداء موقعك. نظرًا لأن موقع الويب يمكن أن يتكون من عدة مئات من الأسطر من الكود المصدري ، اعتمادًا على حجمه ، فإن المساحات الزائدة أو الاكواد لها تأثير أكثر أهمية على وقت التحميل.

طرق “تصغير” شفرة المصدر:

  • تخلص من أي كود  غير ضروري في التعليمات البرمجية المصدر
  • إزالة أي مسافات غير ضرورية
  • احذف التنسيق غير الضروري ، إذا كان على سبيل المثال تنسيق بدون محتوى في شفرة المصدر مثل ” <strong></strong>”

لتجنب الاكواد الزائدة ، يجب عليك دائمًا إما إدراج نصوص في موقع الويب المنسق بالفعل بتنسيق HTML أو استخدام محرر CMS أو إدراج النصوص كنص عادي ثم التنسيق. إذا قمت بدمج نصوص مباشرة من Word أو برامج مكتبية أخرى في نظام إدارة المحتوى (CMS) ، فإنها تزخر بشفرة مصدر غير ضرورية.

تقليل البرامج النصية الخارجية

سواء كانت أزرار المشاركة أو أكود التتبع ، يمكن دمج البرامج النصية الخارجية في موقعك بتصميمات مختلفة للغاية ولأغراض مختلفة. ومع ذلك ، فإن هذا يجعلك تعتمد على توفر هذه البرامج النصية من مصدر آخر. إذا كان خادم الويب الذي يتم الوصول إلى البرنامج النصي منه بطيئًا بشكل خاص ، فسيؤدي ذلك أيضًا إلى إبطاء وقت تحميل موقعك. لذا تحقق مما إذا كنت تحتاج حقًا إلى هذه البرامج النصية.

المزيد من النصائح:

  • استخدم فقط شفرات التتبع غير المتزامن. يتم تحميلها فقط بعد عرض الصفحة ولا تعيق تحميل الصفحة.
    على سبيل المثال ، استخدم أدوات مثل Google Tag Manager. في هذه الحالة ، يجب دمج مقتطف شفرة واحد فقط للعديد من متغيرات التتبع المختلفة في شفرة المصدر للصفحة.
  • إذا أمكن ، يجب عليك تخزين البرامج النصية على خادم الويب الخاص بك وعدم دمجها من الخارج.
  • تقليل عدد إطارات iframe.

تقليل حجم ملفات JavaScript و CSS

JavaScript هي لغة برمجة نصية يمكن بواسطتها تنفيذ الوظائف في المتصفح وبالتالي على الخادم. باستخدام تنسيقات CSS ، يمكن تحديد الأشكال والعروض التقديمية للموقع. لهذه العناصر مطلوب الكثير من التعليمات البرمجية والتي يجب قراءتها في كل مرة مع كل عرض للصفحة و هذا يستغرق وقتا.

لتقليل شفرة المصدر ، يمكنك الاستعانة بمصادر خارجية لملفات CSS و JavaScript. ثم يتم دمجها في مستند واحد. لهذا فقط طلب واحد ضروري. عندما يقوم المتصفح بتحميل الملف في ذاكرة التخزين المؤقت ، يمكن تقليل وقت التحميل مرة أخرى.

استخدم CSS3

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

استخدام الجلب المسبق والعرض المسبق

إذا كنت تستخدم تقنية الجلب المسبق – Prefetching ، فإن متصفحك يحفظ عناصر معينة من موقع الويب في ذاكرة التخزين المؤقت حتى قبل تحميل الصفحة بالكامل. وبالتالي ، يمكن تحميل الصور والرسومات أو JavaScript و CSS دون إعاقة عرض موقع الويب. للجلب المسبق لملف ، يجب عليك تكييف شفرة المصدر. في هذه الحالة ، يتم وضع السمة rel = ”pre -etch” أمام العنصر المطلوب.

مثال

<link rel=”prefetch” href=”//yoursite/image.jpg”>

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

<link rel=“prerender” href=”//prerendering-page.com/directory”>

تقليل عمليات إعادة التوجيه 301

تعد عمليات إعادة التوجيه 301 مفيدة لتجنب المحتوى المكرر أو لإعادة توجيه عناوين URL التي لم تعد مطلوبة إلى عناوين URL الجديدة بعد إعادة التشغيل ، ولكن كل عملية إعادة توجيه تقلل من سرعة التحميل. في كل مرة يواجه المتصفح إعادة توجيه ، يجب عليه استدعاء عنوان URL جديد. بعد ذلك ، يتعين عليه أولاً الانتظار حتى يتم إرجاع طلب http.

إذا اتبعت عدة عمليات إعادة توجيه 301 بعضها البعض ، فقد يزيد وقت التحميل بشكل ملحوظ. بالإضافة إلى ذلك ، لا يتبع Googlebot سوى ثلاث عمليات إعادة توجيه كحد أقصى ، لذا فإن تسلسل عمليات إعادة التوجيه يعد أيضًا من عيوب الزحف.

لتجنب الكثير من عمليات إعادة التوجيه ، يجب توثيق بنية عنوان URL أو بنية عناوين URL الجديدة. الأمر نفسه ينطبق على عمليات إعادة التوجيه 301 المنشأة. إذا وجدت عدة عمليات إعادة توجيه متتالية عند تحليل موقعك ، فيجب عليك توجيه أول إعادة توجيه مباشرة إلى هدف الارتباط الفعلي ، دون الالتفاف عبر عملية إعادة توجيه واحدة أو أكثر.

ما هو إعادة توجيه 301 ؟

تجنب Bad Requests

إذا قام الجهاز العميل بالوصول إلى موقعك مثل مستعرض الويب ، يتم تقديم الطلبات لكل مورد حتى يتمكن من عرض الملف. ومع ذلك ، إذا لم يتم العثور على هذه الموارد في شكل صور أو ملفات JavaScript ، فإن هذا يؤدي إلى سلسلة من التفاعلات التي تضيع وقت التحميل. يمكنك تجنب الطلبات السيئة ببساطة عن طريق تصحيح الملفات غير الصحيحة وتحديد المسار الصحيح أو عن طريق إعادة التوجيه إلى ملف جديد.

استخدم AMP

باستخدام Accelerated Mobile Pages ، تقدم جوجل لمشرفي المواقع خيار تحميل مواقع الويب للجوال دون تأخير تقريبًا. للقيام بذلك ، يجب أن تفي الصفحات بمتطلبات معينة حتى يمكن عرضها على الأجهزة المحمولة.

تتيح العديد من أنظمة إدارة المحتوى مثل WordPress استخدام AMP بمساعدة المكونات الإضافية.

طرق تسريع ووردبريس للمبتدئين

خاتمة

يحتوي موقع الويب على العديد من الاعدادت الممكنة التي يمكنك تفعيلها لتحسين وقت تحميل الموقع . في هذا المقال ، تعرفت على بعض الاحتمالات بشكل أفضل. بعض الطرق سهلة التنفيذ ، حتى للمبتدئين والمبتدئين في تحسين محركات البحث. لذلك يمكن للجميع جعل مواقعهم أسرع وضمان سعادة المستخدم و محرك البحث .

نسيم صبري

مدون وخبير في مجال الـ (السيو ) تحسين محركات البحث خبرة اكثر من خمس سنوات
زر الذهاب إلى الأعلى
Don`t copy text!