چطور Preload Key درخواست های اصلی در وردپرس برطرف کنیم؟

چطور Preload Key درخواست های اصلی در وردپرس برطرف کنیم؟

چطور Preload Key درخواست های اصلی در وردپرس برطرف کنیم؟

چطور Preload Key درخواست های اصلی در وردپرس برطرف کنیم؟

امروزه سرعت مهم ترین گزینه برای خواندن صفحات سایت شما توسط مرورگر ها است.

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

و مدت زمان نگهداری محتوای ذخیره شده باشد وجود دارد.

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

با این حال ، ممکن است خطایی در گزارش های Google Lighthouse ایجاد کند که در ابزار Google PageSpeed Insights استفاده می شود.

در این مقاله ،  ما توضیح می دهیم که چگونه مشکل درخواستهای بارگیری اصلی را در PageSpeed Insights به دلیل وجود فونت برطرف کنید.

چطور از Preload استفاده کنیم؟

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

منابع موجود در یک صفحه وب را ذخیره کند. این به کش CSS ، اسکریپت ها و فونت هایی که در زمان بعدی به آنها نیاز است کمک می کند.

در این مقاله از توسعه دهنده Google می توانید درباره پیش بارگیری بیشتر بدانید.

در واقع ، preload مقداری از ویژگی rel در برچسب HTML link است.

در اینجا یک نحو استفاده از درخواست های پیش بارگیری در سایت شما وجود دارد:

<link rel=”preload” href=”font.woff” as=”style”>

شما باید برای هر فایل CSS ، اسکریپت و قلم بارگذاری شده در سایت ، این برچسب پیوند را بین برچسب های head در HTML خود وارد کنید.

Google PageSpeed Issue with Preload

اگرچه پیش بارگذاری باعث افزایش سرعت بارگیری می شود ، اما باید از آن به درستی استفاده شود.

سایت خود را با ابزار PageSpeed Insights بررسی کنید تا ببینید آیا مشکلی به دلیل درخواست پیش بارگیری در دسترس است.

در زیر نمونه ای از این مورد نشان داده شده است که نشان می دهد به دلیل درخواست های

Preload Key قبلی ، می توانید 7.05 ثانیه صرفه جویی کنید.

وقتی روی فلش رو به پایین کلیک می کنید ، تمام محتوای مرتبطی که باعث تأخیر می شوند را خواهید دید.

Preload-Key-Requests-Error-in-PageSpeed-Insights

افزونه ها و Preloading وردپرس

ممکن است در نحوه نمایش preloading در گزارش Google PageSpeed برای سایت وردپرس خود سردرگم شوید.

دلایل زیادی برای دریافت این مشکلات وجود دارد:

  • بارگذاری CSS تم ها و فونت ها و پلاگین ها .

  • شما برای بارگیری مجدد صفحات از پلاگین caching مانند WP Rocket استفاده می کنید.

  • شما از پلاگین تبلیغاتی مانند Google AdSense در صفحه خود استفاده می کنید.

افزونه های ذخیره کلیدهای درخواست preload را به تمام منابع اضافه می کنند.

 با این حال ، فونت های وارد شده در CSS با استفاده از font-face @ از درخواست های preload key استفاده نمی کنند.

این خطایی است که PageSpeed نشان می دهد از preload key توسط فونت های بارگیری شده در سایت استفاده نمی شود.

چطور Preload Key درخواست های اصلی در وردپرس برطرف کنیم؟

چگونه درخواست های اصلی Preload Key رادر مورد فونت ها برطرف کنیم؟

با افزودن Preload Key به صورت دستی در هدر سایت خود برای منابعی که در PageSpeed نشان داده شده می توانید خطاها را برطرف کنید.

آماده سازی Meta Tags

اولین قدم بدست آوردن کلیه URL ها برای منابعی است که در Google PageSpeed نشان داده شده است.

به طور معمول ، قسمت انتهایی URL ها را مشاهده خواهید کرد ، ماوس را بر روی لینک ها قرار دهید تا URL کامل منبع مسدود کننده را ببینید.

برای قرار دادن در برچسب پیوند ، باید از URL ها در قالب زیر استفاده کنید:

<link rel=”preload” href=”Font URL Showing in PageSpeed” as=”font” crossorigin=”anonymous”>

درج برچسب های پیوند در Header

مرحله بعدی این است که تمام برچسب های پیوند خود را با درخواست های Preload Key کپی کرده و در قسمت سربرگ سایت قرار دهید.

باید برچسب های پیوند را در پرونده header.php جایگذاری کنید.

به پوشه “/ wp-content / themes / yourtheme” بروید و فایل header.php را پیدا کنید.

پرونده را ویرایش کرده و کد Preload Key را در قسمت عنوان وارد کنید.

به یاد داشته باشید که لینکی را که در ابزار Google PageSpeed Insights مشاهده می کنید قرار دهید.

Header-File

دوباره PageSpeed را بررسی کنید

پس از قرار دادن برچسب پیوند ، از پاک کردن کش پنهان در سایت خود اطمینان حاصل کنید.

دوباره به PageSpeed Insights وارد شوید و اکنون خطای درخواست های بارگیری را نمی بینید.

No-Preload-Issues

اشتراک گذاری پست

1 دیدگاه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *