"> رفع خطای Optimize the order of styles and scripts در سایت GTmetrix | طراحی سایت قزوین

رفع خطای Optimize the order of styles and scripts در سایت GTmetrix

رفع خطای Optimize the order of styles and scripts در سایت GTmetrix

این مقاله دوبست در رابطه با رفع خطای Optimize the order of styles and scripts در سایت Gtmetrix که در ارتباط با PageSpeed است می‌باشد.

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

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

رفع خطای چیدمان صحیح المان‌های سایت در اکثر مواقع آسان و با تغییری کوچک رفع خواهد شد.

خلاصه‌ای از اررور Optimize the order of CSS & JS

نام: Optimize the order of styles and scripts
نوعJS/CSS
اولویت: بالا
میزان سختی: متوسط
میانگین امتیاز: 95%

Optimize the order of styles and scripts چیست؟

در ترجمه فارسی چیدمان صحیح فایل‌های سایت CSS و JS گفته می‌شود.

پس در همینجا معلوم شد ما باید ترتیب لود این فایل‌ها را رعایت کنیم.

حال اگر چیدمان صحیح فایل‌های سایت را نداشته باشیم، مشکل در لود سایت و همچنین رتبه سئو خواهیم داشت.

سایت GTmetrix با مشاهده این مورد به شما هشدار می‌دهد که المان‌های خود را صحیح و به جا لود کنید.

در ادامه راهنمایی می‌کند که ابتدا باید فایل‌های استایل دهی CSS و بعد جاوا اسکریپت JS را بارگذاری کنید.

چیدمان صحیح فایل‌های سایت
چیدمان صحیح فایل‌های سایت

روش رفع خطای چیدمان صحیح فایل‌های سایت

خیلی ساده و روان خود جی تی متریکس ما را راهنمایی کرده است.

ترتیب اصولی لود به این صورت است: ابتدا فایل‌های CSS سپس فایل‌های JS.

بعضی اوقات لازم است تغییراتی در کدهای استایل CSS توسط JS اعمال شود.

بنابراین باید اول فایل‌های استایل دهی CSS لود شود.

البته کدهای CSS نسبت به JS سبک‌تر هستند واز لحاظ تجربه کاربری نیز در الویت بیشتری نسبت به JS قرار دارند.

دلیل آن هم چیدمان صحیح فایل‌های سایت و ظاهر زیبای سایت است که بدون CSS همه این‌ها هیچ هستند.

برای از دست ندادن کاربران و بازدیدکننده و لود شدن خوب و سریع‌تر ظاهر سایت بهتر است کدهای CSS ما زودتر از کدهای جاوا اسکریپت JS نسبتاً سنگین لود شوند.

کل این مطلب به ما میگوید کدهای CSS باید بالاتر از JS باشند تا سریع‌تر لود شوند.

الویت قرار گرفتن کدهای css و js
الویت قرار گرفتن کدهای css و js

گوگل در رابطه با الویت کدهای CSS و JS چه می‌گوید؟

Because JavaScript code can alter the content and layout of a web page, the browser delays rendering any content that follows a script tag until that script has been downloaded, parsed and executed. However, more importantly for round-trip times, many browsers block the downloading of resources referenced in the document after scripts until those scripts are downloaded and executed. On the other hand, if other files are already in the process of being downloaded when a JS file is referenced, the JS file is downloaded in parallel with them.

مثالی کوچک در مورد این مطلب:

<head>

 <title> You Website Title </title>

 <style>
  // CSS Codes
 </style>
 
 <script type="text/javascript">
  // JS Codes
 </script>

</head>

پایان مقاله چیدمان صحیح فایل‌های سایت

همان طور که مشاهده کردید برطرف کردن اصلاً دشوار نبود.

اما شما همیشه نکات ایمنی و اصولی را رعایت کرده و از همه فایل‌های خود قبل از انجام تغییرات بکاپ تهیه کنید.

با انجام این کار مطمئن خواهید شد که به اشتباه موجب به هم ریختن و ایجاد مشکل در سایت نخواهید شد.

پیشنهاد میکنیم مقالات دیگر GTmetrix ما را دنبال کنید و ما را از نظرات و پیشنهادات ارزنده خود بهرمند سازید.

 

 

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

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