آموزش کامل سایت GTMetrix (قسمت سوم)

about us page title image
  • آموزش کامل سایت GTMetrix (قسمت سوم)

    آموزش کامل سایت GTMetrix (قسمت سوم)

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

    با سلام خدمت تمامی دوستان گرامی ، در این آموزش شما را با بهینه سازی سایت در gtmetrix آشنا میکنیم . در دو آموزش قبل قسمتی از خطا ها را با هم بررسی کردیم (قسمت اول آموزشقسمت دوم آموزش)

    حالا در این آموزش به بررسی موارد دیگر در GTMetrix میپردازیم .

    رفع خطای Inline small CSS در جی تی متریکس :

    در این خطا شما باید فایل های css ای که دارای حجم پایینی هستند و از پوشه ای در هاست فراخوانی میشوند را پاک کرده و کد های css داخل آن ها را در قالب سایت به طور مستقیم به کار ببرید .

    برای این کار شما ابتدا باید به قلب مورد نظر که در آن کلس css مورد نظر موجود است بروید سپس طبق کد زیر عمل کنید :

    
    <head>
    <style>
    کد css مورد نظر شما
    </style>
    

    خب در این کد ما آمدیم css را داخل استایل به طور مستقیم به کار بردیم .

    در سیستم مدیریت محتوای ویبولتین شما باید در مسیر کنترول پنل مدیریت ==> استایل&قالب ها ==> جستجو در قالب ، کلس css را پیدا کرده و تغییرات گفته شده را اعمال نمایید .

    در سیستم مدیریت محتوای وردپرس نیز شما باید در مسیر کنترول پنل مدیریت ==> نمایش ==> ویرایشگر ==> style ، کلس css را پیدا کرده و تغییرات گفته شده  را اعمال نمایید .

    رفع خطای : Optimize Images در سایت GTMetrix :

    برای رفع این خطا باید شما مانند تصویر زیر ، عکس بهینه شده سایت خود را از GTMetrix دریافت کرده و جایگزین عکس قبلی نمایید .

    optimized version

    همانطور که در عکس بالا میبینید یک قسمت که با رنگ آبی دور آن خط کشیده شده است مربوط به آدرس فعلی عکس شماست (آدرسی که عکس در آن بهینه سازی نشده است)

    و کادر دوم که با رنگ قرمز است ، آدرس بهینه شده عکس مورد نظر است . شما باید عکس بهینه شده را دانلود کرده و در هاست جایگذین عکس قبلی نمایید .

    در این حال در برخی از مواقع کار سخت تر خواهد شد به این صورت که عکس شما gif است و فایلی که جی تی متریکس بهتون داده png می باشد .

    در این مواقع شما باید در قالب خود بگردید و عکس قبلی که با پسوند .gif بوده را به png تغییر نام دهید .

    در قالب های ویبولتین شما باید به قسمت کنترول پنل مدیریت ==> استایل&قالب ها ==> جستجو در قالب ==> قسمتی از نام عکس را جستجو کنید . زمانی که آدرس عکس را پیدا کردید فرمت آن را عوض کنید

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

    آموزش رفع خطای Optimize the order of styles and scripts در سایت GTMetrix :

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

    البته ببینید درستش هم واقعا همین است اگر ترتیب کنار هم قرار دادن این فایل ها درست نباشه ، زمانی که سایت داره لود میشه ابتدا فایل های جاوا اسکریپت لود میشوند (که به چشم شما معلوم نیست) سپس فایل های css لود میشوند . در صورتی که باید عکس این عمل اتفاق بیوفتد .

    خب برای رفع این خطا شما باید کد نویسی بلد باشید و بتوانید جای این کد ها رو با هم عوض کنید . برای راحتی کار و درک بهتر این مسئله به مثال زیر توجه کنید :

    
    <head>
    <title>عنوان سایت شما</title>
    <style>
    کد css مورد نظر شما
    </style>
    <script type="text/javascript">
    کد جاوا اسکریپت مورد نظر شما .
    </script>
    </head>
    

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

    آموزش رفع خطای Enable gzip compression در GTMetrix :

    در این خطا سایت جی تی متریکس از شما میخواهد که صفحه سایت خود را به صورت gzip فشرده کنید .

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

    کنترول پنل مدیریت ==>تنظیمات اصلی انجمن ==> تنظیمات بهینه سازی سرور ==> قسمت فشرده سازی بصورت gzip ==> روی ۱ بزارید و تنظیمات را ذخیره کنید .

    برای سیستم مدیریت محتوای ورد پرس نیز شما میتوانید از کد زیر استفاده نمایید .

    # compress text, html, javascript, css, xml:
    AddOutputFilterByType DEFLATE text/plain
    AddOutputFilterByType DEFLATE text/html
    AddOutputFilterByType DEFLATE text/xml
    AddOutputFilterByType DEFLATE text/css
    AddOutputFilterByType DEFLATE application/xml
    AddOutputFilterByType DEFLATE application/xhtml+xml
    AddOutputFilterByType DEFLATE application/rss+xml
    AddOutputFilterByType DEFLATE application/javascript
    AddOutputFilterByType DEFLATE application/x-javascript
    
    # Or, compress certain file types by extension:
    SetOutputFilter DEFLATE
    

    کد بالا را در فایل .htaccess سایتتون قرار بدید . اگر نمیدانید که فایل .htaccess کجاست و یا این فایل را در هاست پیدا نمیکنید روی این نوشته کلیک کنید .

    اگر کد زیر را در ابتدای فایل config.php تاثیر خوبی در افزایش سرعت سایت شما خواهد داشت :

    
    <? ob_start("ob_gzhandler"); ?>
    

    آموزش رفع خطای Enable Keep-Alive در GTMetrix :

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

    
    <ifModule mod_headers.c>
    Header set Connection keep-alive
    </ifModule>
    

     

    آموزش سوم بهینه سازی سایت در GTMetrix با موفقیت به پایان رسید . امیدوارم که این آموزش به شما جهت بهینه کردن انجمن شما کمک کرده باشد .

    از این که این مقاله را خوانید از شما سپاسگذاریم .

    هرگونه سوال در ارتباط با سئو و این قسمت از آموزش داشتید ، در انجمن ما مطرح نمایید .برای ورود به تالار مربوطه بر روی این گذینه کلیک نمایید . 

    حق نگهدارتان .

    Tweet about this on TwitterShare on FacebookShare on Google+

    ICSeo

    امیررضا هستم . ۵ سال است در ضمینه سئو فعالیت میکنم . و تمامی موتور های جستجوگر را در این مدت آنالیز کرده ام . گروه ایمیلی icseo افتتاح گردید .

    More Posts - Website

    Follow Me:
    TwitterGoogle Plus

    تعداد دیدگاه (11)

    • سلام
      خدا خیرتون بده این مقاله هم خیلی مفید بود و کمک کرد چند تا از خطاهای اصلی سایت رو اصلاح کنم.
      page speed grade از ۵۶ به ۹۵ ارتقا پیدا کرد.
      و ای خیلی خوبه.
      ممنونم از شما
      با تشکر
      وحید شهبازپور

      Reply
        • ICSeo
        • ۱۳۹۳/۱۲/۱۱ at ۲۲:۵۸

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

        Reply
      • ehsan
      • ۱۳۹۳/۱۲/۱۱ at ۲۲:۵۹

      واقعا محشر بود . ممنون از شما .

      Reply
    • ممنون
      عالی بود
      سایت بسیار زیبایی دارید

      از کسایی که تو کارشون جدی هستن خیلی خوشم میاد
      مشتری پرو پا قرص شما آگهی۹۰

      Reply
      • saied
      • ۱۳۹۴/۰۲/۰۶ at ۰۱:۳۳

      کدی که واسه Gzip هست چیزیو واسم تقییر نمیده. دلیلش چی میتونه باشه؟

      Reply
        • ICSeo
        • ۱۳۹۴/۰۲/۰۶ at ۰۷:۳۸

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

        برای حل این مشکل شما میتوانید از افزونه WordPress Gzip Compression نیز استفاده نمایید . .

        موفق باشید .

        Reply
      • حامد
      • ۱۳۹۴/۰۵/۲۷ at ۱۴:۰۹

      دمت گرم داداش، دنبال یه کد میگشتم برای رفع خطای enable keep alive که اینجا پیدا کردم. فقط نمیدونم چطوری میشه جای کدهای script و style رو در وردپرس عوض کنم اگه میتونی یه راهنمایی بهم بده.
      ممنون

      Reply
      • با سلام .
        خوش حالیم که مشکل شما حل شده است .
        برای جابه جایی کد های جاوا اسکریپت و css شما باید قالب سایتتون بگردید و کد های شبیه زیر رو پیدا کنید :

         <script>
        document.getElementById("demo").innerHTML = "Hello JavaScript!";
        </script> 
        

        و برای جاوا نیز کد های زیر رو پیدا کنید :

         <script>
        document.getElementById("demo").innerHTML = "My First JavaScript";
        </script> 
        

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

        Reply
    • ممنون از مقاله فوق العادتون
      فقط اینکه من یه اروری دارم که تو خطاهایی که شما توضیح دادین نبود!ممنون میشم برای رفعش راهنماییم کنید.
      serve scaled images

      Reply
    • چرا جواب سوالای منو نمیدین؟؟؟؟حتی سوالام نیستن!!!!
      کدی که باید برای خطاهای enable gzip compression و leverage browser cashing قرار بدین، دقیقا در کدوم قسمت کد باید قرار بدیم؟؟؟
      چون من هر جا میزارم سایت بالا نمیاد و error میده!!!!
      ممنون میشم اگه راهنماییم کنید

      Reply
        • ICSeo
        • ۱۳۹۵/۰۸/۲۷ at ۲۲:۵۱

        سلام . به سایت ای سی سئو خوش آمدید . نظرات شما منتظر تایید مدیریت بودند که تایید شدند .
        شما باید کد ها را داخل فایل مخفی اچ تی اکسس موجود در هاست خود قرار بدید . در صورت مشاهده ارور ۵۰۰ و عدم بارگذاری سایت به مدیر سرورتون اطلاع بدید تا مشکل برطرف گردد.
        موفق و سر بلند باشید.

        Reply

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

    لطفا توجه کنید که پس از تایید نظر شما توسط مدیر , برای شما ایمیل تایید ارسال خواهد شد*

Optimization WordPress Plugins & Solutions by W3 EDGE