نحوه ساختن درخواست های کمتر HTTP در وردپرس و GTmetrix YSlow

باید تعداد کمتری درخواست HTTP را در سایت وردپرس خود ایجاد کنید?


این فقط بدان معنی است که شما باید تعداد عناصر (درخواست ها) را در سایت خود بارگیری کنید.

تعداد درخواست های HTTP را کمتر کنید

ترکیب پرونده های CSS و JavaScript می تواند کمک کند ، اما بهینه سازی های دیگری نیز وجود دارد که می تواند درخواست HTTP را کاهش دهد ، مانند غیرفعال کردن افزونه های انتخابی که نیازی به بارگیری در صفحات خاص ، غیرفعال کردن اسکریپت ها و سبک های WooCommerce در صفحات غیر تجارت الکترونیکی یا جلوگیری از پردازنده بالا نیست. افزونه هایی که تعداد زیادی درخواست ایجاد می کنند و سایت شما را کند می کنند.

درخواست های HTTP کمتری انجام دهید یک توصیه در GTmetrix ، Pingdom و سایر ابزارهای تست سرعت است. توصیه های زیر به کاهش درخواست ها و سرعت بخشیدن به سایت شما کمک می کند.

Contents

1. ترکیب شیوه نامه CSS + JavaScript

ترکیب شیوه نامه های CSS + JavaScript به این معنی است که شما نیاز به کپی / چسباندن همه پرونده های CSS خود در یک فایل واحد دارید. این به مرورگرها امکان می دهد به جای چندین درخواست ، یک درخواست واحد برای یک فایل CSS ایجاد کنند. اکثر افزونه های کش گزینه ای برای ترکیب فایلهای CSS + JavaScript شما دارند.

مرحله 1: در تنظیمات افزونه حافظه نهان ، گزینه ترکیب و کوچک سازی CSS + JavaScript را پیدا کنید.

گام 2: هر تنظیمات را یک بار فعال کنید و نتایج آزمایش را در GTmetrix انجام دهید.

فایلهای CSS را کم رنگ کنید

ترکیب پرونده های JavaScript

مرحله 3: خطاهای قابل مشاهده را در وب سایت خود بررسی کنید. در صورت مشاهده خطا ، کد منبع را مشاهده کنید ، پرونده های مشکل ساز را پیدا کنید و آنها را از تنظیمات کوچک سازی CSS یا JavaScript خود حذف کنید. به عنوان مثال ، اگر نوار لغزنده شما هنگام فعال کردن یک تنظیم خاص از بین می رود ، فایل های کشویی خود را در کد منبع بررسی کنید و پرونده مشکل ساز را حذف کنید. اگر خطایی نمی بینید ، نیازی به این کار نیست.

از طرف دیگر ، می توانید فایلهای CSS خود را در وردپرس تحت ظاهر ترکیب کنید > ویرایشگر تم. شما به سادگی می توانید محتویات موجود در کلیه پرونده ها را در 1 پرونده CSS واحد کپی کنید.

فایلهای CSS وردپرس

2. انتخاب پلاگین ها را غیرفعال کنید

بسیاری از افزونه ها در کل سایت شما اجرا می شوند ، حتی در صفحه هایی که نیازی به آنها نیست.

فرم های تماس ، اشتراک گذاری اجتماعی ، قطعه غنی ، لغزنده و برخی افزونه های دیگر فقط باید در انواع خاصی از محتوای بارگیری شوند. می توانید آنها را در هر جای دیگر غیرفعال کنید دارایی CleanUp.

با غیرفعال کردن افزونه ها در صفحاتی که نیازی به بارگیری آنها نیست ، این منجر به درخواست HTTP کمتر می شود. این فقط به افزونه ها محدود نمی شود. اسکریپت ها و سبک ها همچنین می توانند در صفحات خاصی غیرفعال شوند (به عنوان مثال اسکریپت های WooCommerce ، سبک ها ، قطعات سبد خرید در صفحات غیر تجارت الکترونیکی غیرفعال می شوند).

مرحله 1: نصب دارایی CleanUp یا فوق العاده (هر دو به شما امکان می دهند افزونه ها را به صورت انتخابی غیرفعال کنید).

گام 2: یک صفحه یا پست را ویرایش کنید ، به قسمت Asset CleanUp بروید و بررسی کنید که کدام فایلهای CSS + JavaScript در صفحه بارگیری می شوند. اینها می توانند از افزونه ها ، مضامین یا اسکریپت های خارجی باشند.

غیرفعال کردن اسکریپت های خارجی WordPress

مرحله 3: همه افزونه ها و درخواست های مورد نیاز خود را در آن صفحه غیرفعال کنید. می توانید آنها را در 1 صفحه واحد ، در کل سایت خود ، بر اساس نوع پست غیرفعال کنید یا از RegEx (عبارات منظم) برای غیرفعال کردن آنها در الگوهای خاص URL استفاده کنید.. RegEx فقط با Perfmatters یا Asset CleanUp Pro گنجانده شده است.

3. اسکریپت ها ، سبک ها ، قطعات سبد خرید WooCommerce را غیرفعال کنید

سایت های WooCommerce به طور طبیعی درخواست های HTTP بیشتری ایجاد می کنند.

آنها نه تنها به افزونه های بیشتری احتیاج دارند ، بلکه اسکریپت های اضافی WooCommerce را نیز بارگذاری می کنند, سبک ها, و قطعات سبد خرید. درست مانند اینکه می توانید افزونه ها را در مرحله قبل غیرفعال کنید ، همچنین می توانید درخواستهای WooCommerce را بارگیری در کل سایت خود غیرفعال کنید..

با استفاده از Asset CleanUp یا Perfmatters ، این موارد را در صفحه هایی که نیازی به بارگیری آنها نیست ، غیرفعال کنید:

دارایی CleanUp WooCommerce

از طرف دیگر ، Perfmatters به ​​شما امکان می دهد این موارد را با 1 کلیک غیرفعال کنید:

بهینه سازی ووکامرس تجارت

4- از افزونه های CPU High جلوگیری کنید

افزونه های CPU بالا می توانند یک تن درخواست HTTP ایجاد کنند.

اینها معمولاً شامل به اشتراک گذاری اجتماعی ، آماری (تجزیه و تحلیل) ، لغزنده ، اوراق بهادار ، سازنده صفحه ، تقویم ها ، گپ و افزونه های فرم تماس با ما هستند. در اصل ، از هر افزونه ای که درخواست های خارجی را از وب سایت های خارجی بیرون می کشد ، فرایندهای در حال اجرا را اجرا می کند ، یا فقط بارگذاری طولانی می کند.

مرحله 1: پلاگین های کند را در آبشار GTmetrix یا بررسی کنید مانیتور پرس و جو.

Slow-WordPress-Plugin

گام 2: از پلاگین های شناخته شده CPU خودداری کنید.

  1. AddThis
  2. نظارت بر کلاهبرداری AdSense را کلیک کنید
  3. تقویم رویدادهای همه در یک
  4. دوستان پشتیبان
  5. Beaver Builder
  6. بهتر نقشه های وردپرس نقشه های XML XML
  7. جستجوگر پیوند شکسته (استفاده از چک لینک دکتر)
  8. تماس مداوم برای وردپرس
  9. فرم تماس با شماره 7
  10. مشاهده همه 65 افزونه آهسته

مرحله 3: افزونه های کند را با افزونه های سریعتر و سبک جایگزین کنید. تحقیق و آزمایش لازم است.

5. پلاگین ها را با کد جایگزین کنید

می توانید با جایگزین کردن کد از بسیاری از افزونه ها جلوگیری کنید.

مثال ها:

  • فونت های Google: قلم های خود را بصورت محلی میزبانی کنید
  • کد ردیابی Google Analytics: به صورت دستی وارد کنید
  • فهرست مطالب: آن را به صورت دستی در HTML + CSS طراحی کنید
  • توییت‌های جاسازی شده یا Google Maps: به جای آن ، از یک تصویر صفحه بگیرید
  • ویجت فیس بوک جاسازی شده: با ویجت فیس بوک واقعی جایگزین کنید

ادغام افزونه ها همچنین کمک می کند یک نمونه کلاسیک استفاده از WP Rocket است که همراه با فونت های میزبان ، آنالیز و فیس بوک پیکسل به صورت محلی ، بارگیری تصاویر تنبل + فیلم ها ، پاکسازی پایگاه داده ، پیش بارگذاری ، کنترل ضربان قلب و ادغام Cloudflare و CDN های چندگانه است. با سایر افزونه های حافظه نهان (از آنجا که بیشتر آنها این ویژگی را ندارند) ، لازم است 6-7 افزونه اضافی را نصب کنید تا وقتی به WP Rocket داخلی تبدیل شدند ، این بهینه سازی های سرعت را بدست آورید..

6. اسکریپت های خارجی را حذف کنید

اسکریپت های خارجی هر چیزی است که درخواست ها را از وب سایت های خارجی جلب می کند.

فونت های گوگل را می توان در 1 پرونده ترکیب کرد. فیلم ها می توانند بارگذاری شوند و iframe با یک تصویر پیش نمایش جایگزین شود. بسیاری از اسکریپت ها می توانند بهینه سازی شوند ، سایرین نمی توانند. در زیر چند مثال آورده شده است.

  • فونت های Google: قلم ها را با هم ترکیب کرده و آنها را با استفاده از افزونه هایی مانند WP Rocket ، Autoptimize ، OMGF ، فونت های گوگل خود میزبان و Asset CleanUp ، محلی را در آنها میزبان کنید..
  • تجزیه و تحلیل ترافیک گوگل: کد رهگیری میزبان به صورت محلی در WP Rocket / CAOS Analytics.
  • Google AdSense: بارگیری به صورت غیر همزمان و سعی در بارگیری موشک Cloudflare.
  • نقشه های Google: هنگامی که افراد روی تصویر کلیک می کنند ، یک عکس از نقشه Google گرفته و از مسیرهای راهنما استفاده کنید (این به همان اندازه یک نقشه به نظر می رسد)!
  • مدیر Google Tag: معمولاً هنگام تلاش برای ترکیب چندین اسکریپت ، صدمه ای بیش از خوب ایجاد می کند. فقط باید برای سایتهای بزرگ و غیرقابل استفاده استفاده شود.
  • فیلم های جاسازی شده: از ویدئوهای WP Rocket یا WP YouTube Lyte برای بارگذاری فیلم ها استفاده کنید و iframe را با یک تصویر پیش نمایش جایگزین کنید (فیلم ها یک عنصر بسیار سنگین هستند).
  • ابزارک های جاسازی شده + ارسال ها: به جای تعبیه کردن ، از آنها عکس بگیرید.
  • پیکسل پیکسل: WP Rocket می تواند حافظه پنهان مرورگر را به Facebook Pixel اضافه کند.
  • گراواتارس: علاوه بر غیرفعال کردن Gravvatars ، هیچ کاری برای من کار نکرد (WP Rocket از آنها در وبلاگ خود استفاده نمی کند). اما ، می توانید هری ، FV یا Optimum Gravatar Cache را امتحان کنید ، یا سعی کنید شکستن یا پنهان کردن نظرات قابل گسترش.
  • افزونه های اشتراک گذاری اجتماعی: به طرز بدنامی درخواستهایی را از فیس بوک ، توییتر و شبکه های اجتماعی برای تازه کردن تعداد موارد ایجاد می کند. یک افزونه سریعتر مانند آن را امتحان کنید میناکاری اجتماعی, مششیر, اسنپ ​​اجتماعیAddToAny, اشتراک اجتماعی WP, یا اشتراک اجتماعی آسان

7. فونت های Google را ترکیب کنید

فونت های Google را می توان برای تولید 1 درخواست به جای چندین درخواست ، ترکیب کرد.

Google-Fonts-GTmetrix

افزونه های زیر گزینه هایی برای بهینه سازی فونت های Google دارند:

  • موشک WP
  • دارایی CleanUp
  • به صورت خودکار
  • OMGF

با این حال بهترین روش ، میزبانی فونت های Google به صورت محلی است. این امر مستلزم بارگیری قلم های شما به طور مستقیم از وب سایت Google Fonts است و در عین حال که تعداد قلم ها و وزن قلم ها حداقل است. بعد ، از ابزاری مانند استفاده کنید نقل و انتقالات یا قلم ها را به پرونده های فونت وب تبدیل کنید. سپس پرونده های جدید فونت وب را در پوشه wp-content / uploads خود بارگذاری می کنید ، قلم سفارشی را به CSS اضافه می کنید و برای اطمینان از عملکرد آن ، قلم را آزمایش می کنید. باز هم ، برای یک آموزش کامل به آن لینک مراجعه کنید.

Transfonter-Google-Font-Conversion

7. HTML ، CSS ، JavaScript را به حداقل برسانید

کوچک سازی پرونده ها معمولاً توسط افزونه کش شما انجام می شود (مرحله 1 را ببینید).

اما گاهی اوقات ، این می تواند وب سایت شما را خراب کند. در این حالت ، شما باید هر تنظیمات را یک به یک تست کنید ، پرونده های مشکل ساز را در کد منبع بررسی کنید ، سپس با استفاده از افزونه کش خود ، آن پرونده ها را از کوچک سازی خارج کنید. اگر خطاهای قابل مشاهده را مشاهده نمی کنید ، نیازی به انجام این کار ندارید.

8- تحویل CSS را بهینه کنید

این باید رفع کند منابع مسدودکننده مورد در PageSpeed ​​Insights.

WP Rocket ، Autoptimize و سایر افزونه های مشابه باید گزینه ای برای بهینه سازی تحویل CSS داشته باشند. به سادگی وارد تنظیمات خود شوید و مطمئن شوید که این گزینه را فعال کرده اید و باید آن را برطرف کند.

تحویل CSS را بهینه کنید

9. به طور همزمان همزمان فایلهای جاوا اسکریپت را به تعویق بیندازید / بارگذاری کنید

JavaScript ناهمزمان به معنی بارگذاری پرونده ها است بعد از بارگیری صفحه به پایان رسید.

این کار با استفاده از WP Rocket یا Async JavaScript و باید رفع کند مورد جاوا اسکریپت مسدود کننده رندر را حذف کنید. Async JavaScript کنترل کامل اسکریپت ها برای اضافه کردن ویژگی “async” یا “تعویق” را به شما می دهد ، در حالی که WP Rocket JavaScript را به طور خودکار با 1 کلیک به تعویق می اندازد..

پرونده های JavaScript

10. فیلم بارگذاری تنبل

فیلم های جاسازی شده یک منبع خارجی هستند که درخواست های HTTP ایجاد می کنند.

آنها می توانند 2+ ثانیه طول بکشد! در حالی که شما نمی توانید این موارد را کاملاً از بین ببرید ، می توانید تأخیر بارگذاری ویدیوها تا زمانی که کاربران به سمت پایین حرکت کنند (بار تنبل) و روی دکمه پخش (تعبیه نور) کلیک کنند.

شما یک گزینه زوج در اینجا دارید: می توانید از WP Rocket استفاده کنید تا بارگیری تنبل را فعال کنید و iframe YouTube را جایگزین تصویر پیش نمایش کنید. اما اگر WP Rocket ندارید ، می توانید آن را امتحان کنید افزونه WP YouTube Lyte یا این را دنبال کنید آموزش تعبیه نور YouTube. هر دو خوب کار می کنند.

در اینجا یک مثال آورده شده است (و یک فیلم عالی در سرعت وردپرس):

11. یک CDN اضافه کنید

CDN ها می توانند به کمتر شدن درخواست HTTP کمک کنند.

به جای اینکه سرور مبدا شما به یک درخواست پاسخ دهد ، مراکز داده CDN ضمن روشن کردن بار روی سرور مبدا ، پهنای باند را بارگیری می کنند. Cloudflare رایگان است ، بنابراین فاقد فکر است.

چند CDN = مراکز بیشتر داده = تحویل سریعتر محتوا و بارگذاری بیشتر منابع. بسیاری از افراد با Cloudflare شروع می کنند و در نهایت هنگام استفاده از چندین CDN (در حال حاضر از هر دو استفاده می کنند) به StackPath نگاه می کنند. KeyCDN نیز خوب است. این “زنجیره” CDN نامیده می شود.

تنظیم چند CDN
با استفاده از Cloudflare ، آنها به شما 2 نام کاربری اختصاص می دهند که شما در ثبت دامنه خود تغییر می دهید. با سایر CDN ها مانند StackPath و KeyCDN ، آنها URL CDN را به شما اختصاص می دهند که می توانید در افزونه حافظه نهان خود در قسمت CDN URL وارد کنید (یا اکثر آنها را در اختیار دارید) یا از CDN Enabler استفاده کنید..

چند CDN

12. تغییر مسیرها را به حداقل برسانید

تغییر مسیرهای غیر ضروری می تواند باعث درخواست های اضافی HTTP شود.

شما باید گزارش GTmetrix خود را بررسی کنید تا ببینید چه عواملی باعث ایجاد این خطا می شود. آیا توسط یک اسکریپت خارجی یا افزونه در سایت شما تولید می شود؟ آیا سعی کرده اید آن اسکریپت را بهینه کنید یا به دنبال یک افزونه سبک وزن تر هستید؟ به این دلیل است که شما نسخه دامنه خود را به غیر WWW یا HTTPS تغییر داده اید ، اما تمام لینک ها / تصاویر را در سایت خود به روز نکرده اید تا نسخه جدید را منعکس کند?

خطاهای تغییر مسیر را به حداقل برسانید

علل شایع

  • افزونه های بد
  • اسکریپت های خارجی
  • در WWW vs Non-WWW تغییر یافته است ، اما لینک ها را به روز نکرده اید
  • در HTTPS در مقابل غیر HTTPS تغییر کرده اما پیوندها را به روز نکرده اید

13. بهینه سازی تصاویر

برای کاهش درخواست های HTTP ناشی از تصاویر ، 3 روش اصلی برای بهینه سازی تصاویر وجود دارد:

سرویس تصاویر مقیاس پذیر: اندازه بزرگتر تصاویر کوچکتر شود. GTmetrix به شما می گوید کدام تصاویر خیلی بزرگ هستند و ابعاد صحیحی که باید برای آنها برش داده شود / تغییر اندازه داد. با اندازه گیری ابعاد کشویی ها ، تصاویر وبلاگ با عرض کامل ، ابزارک ها و سایر مناطق وب سایت خود ، سعی کنید یک برگه تقلب در ابعاد تصویر ایجاد کنید. قبل از بارگذاری مطمئن شوید که تصاویر را در آن ابعاد صحیح تغییر اندازه دهید. اگر این کار را انجام دهید ، هرگز نباید خطاهای تصویر مقیاس شده ای را سرو کنید.

بهینه سازی تصاویر (فشرده سازی بدون از دست دادن): برای فشرده سازی تصاویر از افزونه ای مانند ShortPixel (توصیه می شود) ، Smush یا Imagify استفاده کنید. اگرچه این افزونه ها می گویند بدون ضرر است ، اما گاهی اوقات شما می توانید از دست دادن کیفیت کمی متوجه شوید. به همین دلیل بهتر است قبل از بهینه سازی کلیه تصاویر در وب سایت خود ، از تصاویر خود نسخه پشتیبان تهیه کرده و یک زن و شوهر را آزمایش کنید ، تا مطمئن شوید که از کیفیت راضی هستید.

ابعاد تصویر را مشخص کنید: عرض + ارتفاع را به HTML یا CSS تصویر اضافه کنید. این کار به صورت خودکار در ویژوال ویرایشگر انجام می شود ، اما نه HTML سفارشی ، برخی سازندگان صفحه و احتمالاً سایر مناطق سایت وردپرس شما. GTmetrix به شما نشان می دهد کدام تصاویر دارای این خطاها هستند و ابعاد صحیح آنها را در اختیار شما قرار می دهند. برای رفع خطا ، باید تصویر را در داشبورد وردپرس خود قرار دهید ، HTML یا CSS را ویرایش کنید ، سپس عرض + ارتفاع را اضافه کنید.

هنوز نیاز به ایجاد درخواست های HTTP کمتر?

اگر هنوز به کمک نیاز دارید ، نظر خود را برای من بگذارید. WordPress Speed ​​Up Group Facebook همچنین مفید است ، یا می توانید ما را برای خدمات سرعت وردپرس با قبل از + بعد از گزارش GTmetrix استخدام کنید.

WordPress Speed ​​Up Group Facebook

سوالات متداول

&# x1f680؛ چه چیزی باعث درخواست HTTP می شود?

درخواست HTTP هر چیزی است که باعث ایجاد درخواست به سرور می شود (برای مثال ، یک تصویر واحد 1 درخواست ایجاد می کند). برگه آبشار GTmetrix به شما می گوید تمام درخواستهای بارگیری در یک صفحه.

&# x1f680؛ 5 مورد برای کاهش درخواست های HTTP چیست؟?

5 کار ساده ای که می توانید انجام دهید ترکیب ترکیب پرونده های CSS + JavaScript ، تصاویر و فیلم ها با بار تنبل ، جلوگیری از لیست پلاگین های پردازنده بالا ، غیرفعال کردن افزونه ها از صفحات / پست های خاص با Perfmatters یا Asset CleanUp و بهینه سازی قلم های شما.

&# x1f680؛ آیا افزونه کش به کاهش درخواست های HTTP کمک می کند?

بله ، یک افزونه کش مناسب باید به کمینه سازی و ترکیب پرونده ها کمک کند ، همچنین در صورت صحیح پیکربندی درخواست HTTP را کاهش می دهد. من تقریباً برای هر افزونه cache آموزش دارم.

&# x1f680؛ آیا اصلاح سایر موارد GTmetrix باعث کاهش درخواست HTTP می شود?

بله ، در بسیاری از موارد به خصوص باعث كاهش و تركیب فایلها ، از بین بردن خطاهای تغییر مسیر و استفاده از CDN می شود.

&# x1f680؛ کدام افزونه کش بیشترین درخواست HTTP را کاهش می دهد ، و چگونه می توان آن را پیکربندی کرد?

من WP Rocket را توصیه می کنم که در اکثر نظرسنجی های فیس بوک به رتبه 1 رسیده است و از ویژگی های بهینه سازی سرعت بیشتری نسبت به اکثر افزونه های حافظه پنهان برخوردار است ، به همین دلیل معمولاً در GTmetrix نمرات بهتری را به بار می آورد و بارگذاری می کند. آموزش من در مورد تنظیمات تنظیمات WP Rocket را بررسی کنید.

ممنون از خواندن :)

به سلامتی,
تام

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map