در این آموزش قصد دارم، به معرفی نحوه برطرف کردن خطای Put CSS in the document head در جی تی متریکس بپردازم. که با استفاده از این آموزش میتونید، این خطا رو برطرف کرده. و اگه بخاطر استفاده از CSS با مشکل عدم بهینه سازی سایت مواجه شدید. اونو برطرف کنید.
برای خرید کلاس آنلاین اسکای روم میتوانید در این صفحه اقدام نمایید.
آموزش رفع خطای Put CSS in the document headدر GTmetrix
همونطور که گفتم. این خطا بخاطر قرار نگرفتن کدهای CSS در جای مناسب هست. کدهای CSS که ما در صفحات سایت استفاده می‌کنیم. جزو بخشی هستند. که باید در سایت قابل مشاهده نباشند، یعنی تو بخش body که مربوط به نمایش صفحات هست. و بازدیدکننده این بخش از سایت رو میبینه نباشند. این کدها نیازی به دیده شدن ندارند و وظیفه‌شون فقط اینه که ظاهر سایت رو به شکلی که تعیین شده نمایش بدن، بنابراین فقط برای مرورگر مهم هستند. و بخاطر همینم هست. که داخل تگ head قرار می‌گیرند.
حالا گاهی اوقات پیش میاد. که اشتباها یا به هر دلیلی ممکنه کدهای CSS رو داخل جایی غیر از تگ head قرار بدین که در این صورت با ارور Put CSS in the document head در جی تی متریکس مواجه خواهید شد. این حالت ممکنه زمانی رخ بده که سند HTML صفحه شما به شکل زیر باشه.
<html>
<head>
<title> Hello World! </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<style>
// CSS Code
</style>
<body>
// Content
</body>
</html>
رفع خطای Put CSS in the document headدر GTmetrix
همونطور که در نمونه بالا و در بخش CSS Code میبینید، کدهای مربوط به استایل در جای غیر مناسبی قرار گرفتند که خارج از تگ head قرار دارند. برای همین وقتی این حالت اتفاق بیفته با خطا در جی تی متریکس مواجه میشیم و برای برطرف کردنش کاری که باید انجام داد اینه که بخش مربوط به CSS رو به داخل تگ head ببریم که در مثال بالا باید به شکل زیر اصلاحش کرد.
<html>
<head>
<title> Hello World! </title>
<link rel="stylesheet" type="text/css" href="style.css">
<style>
// CSS Code
</style>
</head>
<body>
// Content
</body>
</html>
برای سفارش طراحی سایت به این لینک مراجعه کنید.
همونطور که میبینید کدهای CSS قبل از تگ بسته head قرار گرفتند که با انجام این کار مشکل Put CSS in the document headدر جی تی متریکس برطرف خواهد شد.