آموزش سئو مبتدیآموزش سئو فنیآموزش افزایش سرعت سایت با ابزار GTMetrix

رفع خطای Optimize the order of styles and scripts در gtmetrix

آموزش بهبود سرعت سایت با GTmetrix – رفع خطاهای PageSpeed

سلام دوستان، از دوره مقالات سئو و آموزش بهینه سازی PageSpeed سایت با GTmetrix در خدمت شما هستیم، می‌خواهیم در این دوره سایتی بهینه توسط ابزارهای آنلاین تست سرعت سایت مثل جی تی متریکس یا Pagespeed گوگل ایجاد کنیم. در جلسه قبل درباره رفع ارور Serve scaled images پستی قرار دادیم. در این جلسه قصد داریم درباره مشکل Optimize the order of styles and scripts و حل آن در جی تی متریکس صحبت کنیم و بررسی کنیم که چطور این خطا در جهت افزایش سرعت سایت به ما کمک میکنه، پس ما میزفا همراه باشید.

خلاصه‌ای از خطا Optimize the order of styles and scripts

نام: Optimize the order of styles and scripts
نوعJS/CSS
اولویت: بالا
میزان سختی: متوسط
میانگین امتیاز: 95%
[gap height=”15″]
رفع خطای Optimize the order of styles and scripts
رفع خطای Optimize the order of styles and scripts
 

 

خطای Optimize the order of styles and scripts چیست

خطا Optimize the order of styles and scripts که به فارسی می‌توان گفت چیدمان صحیح فایل‌های CSS و JavaScript ترجمه کرد، زمانی اتفاق می‌افتد که فایل‌های CSS و JS سایت شما به ترتیب اصول لود نشده باشند. بنابراین سایت جی تی متریکس با برخورد به این ارور به شما می‌گوید که در جهت بهینه سازی سرعت سایت خود و همچنین نحوه صحیح قرارگیری المان‌ها، باید ابتدا فایل‌های CSS (فایل‌های استایل‌ دهی) را قبل از فایل‌های  JS (فایل‌های جاوا اسکریپت) فراخوانی کنید.

گاهی ممکن است توسط کدهای JS بخواهید تغییراتی در کدهای CSS ایجاد کنید و به این ترتیب باید اول کدهای CSS لود شوند، و اصولا کدهای CSS  سبک‌تر هستند و حتی از نظر تجربه کاربری اولیت بیشتری برای سریع لود شدن نسبت به JS دارند، چرا که ظاهر اصلی سایت و چیدمان یک صفحه برعهده کدهای CSS است. کدهای 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> Title </title>

 <style>
  // CSS Code
 </style>
 
 <script type="text/javascript">
  // javascript Code
 </script>

</head>

 

 

حل مشکل Optimize the order of styles and scripts بسیار راحت می‌باشد امیدواریم در این آموزش‌ها که باعث بالا بردن سرعت سایت و در نتیجه بهبود بهینه سازی سایت و بیشتر سئو داخلی می‌شود، کمک شایانی کرده باشیم، اگر سوالی داشتید حتما در انجمن سایت میزفا مطرح کنید. این جلسه از آموزش کامل GTmetrix که مربوط به رفع ارور Optimize the order of styles and scripts بود، هم به پایان رسید در جلسه بعد به معرفی خطای Put CSS in the document head در PageSpeed گوگل می‌پردازیم. با ما همراه باشید.

برچسب ها

پوریا آریافر

اولین کسب و کار آنلاین خودم را در فیسبوک راه‌اندازی کردم و در سال ۲۰۱۱ یکی از پرتعامل‌ترین صفحات فارسی با ۸۰ هزار فالور فعال را داشتم. سپس وارد دنیای شبکه شدم و در انتهای سال ۲۰۱۲ مدرک MCSE مایکروسافت را دریافت کردم، در دوران خدمت سربازی مسئول بهینه سازی یک وبسایت خبری معتبر شدم و آشنایی با سئو را آموختم و در سال ۲۰۱۴ توانستم به رتبه ۴۰۰ الکسا نزدیک کنم. برخلاف میل درونی، وارد دانشگاه شدم و سه ساله در مقطع کارشناسی IT فارغ التحصیل شدم، در همان سال بزرگ‌ترین کانال تلگرامی IT با ۴۰ هزار عضو را داشتم، که فروختم تا بتوانم تمرکز را فقط بر روی سئو بگذارم، فعالیت‌های سئو به شکل تخصصی بنده در قالب پروژه‌های مختلف و آموزش‌های حضوری و غیرحضوری در دفتر میزفا و دانشگاه علامه طباطبایی تهران صورت ‌می‌گیرد، تجربه بهینه سازی موفقی در بهبود UX و CRO پروژه‌های سئو کسب کرده‌ام. در همه ابزارهای گوگل به جز adwords تسلط کاملی دارم. عاشق کسب تجربه های جدید هستم. راز پیشرفت در هر کاری را یادگیری و یاددادن می‌دانم و میزفا که در اواخر ۲۰۱۶ راه‌اندازی شده، می‌تواند چنین بستر مناسبی را فراهم کند. نقد و بازخوردهای سازنده شما، جوهر تلاش‌های مستمر ماست تا یک قدم خودمون بهبود بدیم. منتظریم ...

نوشته های مشابه

‫6 نظرها

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

    1. درود بر شما، متاسفانه اطلاع ندارم ولی در کل جالب هم نیست برای چنین کارهایی از افزونه استفاده بشه.

  2. سلام
    ممنون از آموزش های مفیدتون
    ارور Optimize the order of styles and scripts به شکل زیر می باشد:

    The following inline script blocks were found in http://www.addresssite/ between an external CSS file and another resource. To allow parallel downloading, move the inline script before the external CSS file, or after the next resource.
    
        Inline script block #1
        Inline script block #6
    
    The following external CSS files were included after an external JavaScript file in http://addresssite/. To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.
    
        http://www.addresssite/media/nextend/n2-ss-5/n2-ss-5.css?1524464233

    ممنون میشم در جهت رفع این مشکل راهنمایی نمایید

    باتشکر

      1. بله توضیح داده شده
        اما در جهت رفع این مشکل نمیدانم چه تنظیماتی را انجام دهم؟

        1. راه حل کلی هم به شکل شفاف در بالا اشاره شده ولی اگر دنبال راه حل یا کدی هستید که مخصوص سایت شما باشه وجود نداره، چرا که نحوه حل این مشکل در هر سایتی متفاوت است، هر چند اصل راه حل در همه سایت‌ها یکی هست و در مقاله اشاره شده ولی نحوه پیاده سازی این راه حل کاملا بستگی به نوع کدنویسی و قالب سایت شما داره و نمیشه برای وردپرس که هزاران قالب داره یا جوملا و … که هر کدوم از این قالب ها هم به شکل های مختلفی تنظیم میشن راه حل جداگانه ای ارائه داد.

پاسخی بگذارید

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

همچنین ببینید

بستن
دکمه بازگشت به بالا
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره سئو، رایگان شد.
یک چیز متفاوت تجربه کنید
کاراکتر اشاره گر
دوره سئو، رایگان شد.
یک چیز متفاوت تجربه کنید
کاراکتر اشاره گر