"> رفع خطای Put CSS in the document head در سایت GTmetrix | طراحی سایت قزوین

رفع خطای Put CSS in the document head در سایت GTmetrix

رفع خطای Put CSS in the document head در سایت GTmetrix

در این مقاله دوبست با خطای Put CSS in the document head که در سایت GTmetrix نمایش داده می‌شود بیشتر آشنا خواهیم شد.

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

روش رفع این مشکل بسیار آسان خواهد بود و به سرعت قادر به رفع آن هستید.

این اررور در سایت GTmetrix جزء خطاهای مربوطه به CSS می‌باشد که اولویت بالایی نیز دارد.

خلاصه‌ای از خطا قرار گیری CSS in the document head

نام: Put CSS in the document head
نوع: CSS
اولویت: بالا
میزان سختی: راحت
میانگین امتیاز: 99%

این خطا چیست و چرا رخ می‌دهد؟

خود سایت GTmetrix درباره این خطا راهنمایی کرده است:

بیان کرده که در صورت استفاده از استایل‌های درون خطی Inline CSS و تگ <link> که به واسطه آن استایل‌های خارجی external style را فراخوانی می‌کنیم، در قسمت head سند HTML قرار بگیرند.

خطای Put CSS in the document head
خطای Put CSS in the document head

اگر داخل صفحات سایت شما از استایل‌های درون خطی Inline CSS و تگ <link> در قسمت body سند html استفاده کنید این خطا در سایت GTmetrix نمایش داده خواهد شد.

همیشه سعی کنید از تگ‌های inline style و external style در body سند HTML سایت استفاده نکنید.

بهترین محل برای قرار گرفتن CSS در head فایل HTML است.

این کار موجب تاثیرات منفی در عملکرد رندر سایت شما توسط مرورگر خواهد داشت.

چرا که تا زمانی مرورگر external style های موجود در سند وب را لود نکند، محتویات آن سند نمایش داده نمی‌شود.

استایل CSS بر روی ظاهر و محتوای سایت تاثیر چشمگیری دارند بنا به همین دلیل قرار گرفتن CSS در head اهمیت ویژه‌ای دارد.

روش رفع خطای قرار گرفتن CSS در head

همانطور که در ابتدا بیان شد رویش رفع این خطا بسیار آسان است.

برای رفع این مشکل تنها کافی است شما فایل CSS را درون تگ head قرار دهید.

به مثال زیر توجه کنید:

<html>
 <head>

  <title> Title </title>

  <style>
   // CSS Code
  </style>

  <link rel="stylesheet" type="text/css" href="mystyle.css">

 </head>

 <body>
  Content
 </body>

</html>

همانطور که مشاهده کردید به آسانی تنها با یک جابجایی ساده مشکل قرارگیری CSS in the document head را رفع کردید.

امیدواریم مقاله رفع خطای و قرارگیری CSS in the document head در سایت GTmetrix نیز در افزایش سرعت سایت و بهبود سئو کمک شایانی به شما کرده باشد.

 

    دیدگاه خود را بیان کنید

    ایمیل شما محفوظ خواهد ماند.*