تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 12 از 62 نخستنخست 1234567891011121314151617181920212223242526 ... آخرینآخرین
نمایش نتایج: از 111 به 120 از 618

مقاله: آموزش قدم به قدم بالا بردن PageSpeed با سایت GTMetrix

    1. آموزش قدم به قدم بالا بردن PageSpeed با سایت GTMetrix »

      آموزش قدم به قدم بالا بردن PageSpeed با سایت GTMetrix

      نگارش: , by (مدیریت کل سایت)
      2011/06/21 12:01 PM
      امتیاز:  (3 رای ، میانگین : 5.00 )

      درود.

      قبل از شروع باید خدمت تمامی عزیزان عرض کنیم که این آموزش بصورت تخصصی برای ویبولتین فقط و فقط توسط وی بی ایران تهیه شده و کپی برداری از آن بدون منبع غیر مجاز است . دوستان لطف میکنند از متن یک ذره میزنند و یک ذره خودشون اضافه میکنند که شبیه وی بی ایران نباشه و حتی عنوان رو عوض نمیکنند بعد از صحبت با اون ها ( که دوست ندارم اسم ببرم ) می گویند که خیر اینطور نبوده و غیره بگذریم ..

      همانطور که دیدید وی بی ایران جزء نخستین سایت های ویبولتین بود که توانست به رنک A در سایت GTMetrix دست پیدا کند . که این رقم با قالب دیفالت سایت اصلی ویبولتین 20% اختلاف داشت .

      خوب ما برای آموزش برای مثال از سایت www.persiangulfforum.com شروع میکنیم :

      ابتدا به سایت www.gtmetrix.com بروید و آدرس سایت خود را بزنید تا تست شروع شود .

      پس از انجام تست چنین صفحه ای خواهید داشت :

      کد:
      http://gtmetrix.com/reports/www.persiangulfforum.com/UQeKa28E
      در قسمت Page Speed Grade میتوانید حدود سرعت سایت خودتون رو ارزیابی کنید : (74%)

      زمان سرعت لود سایت به ثانیه : 6.76
      حجم صفحه اول سایت : تقریباً 1 مگابایت
      تعداد درخواست ها به صفحه : 102

      در این صفحه قسمت هائی که دارای PRIORITY HIGH یعنی زیاد هستند دارای اهمیت بیشتری هستند .

      لطفاً دقت داشته باشید تمامی این موارد بصورت 100% روی ویبولتین قابل انجام نیست !!

      خوب اولین چیزی که در این صفحه به چشم میخوره Parallelize downloads across hostnames هست.



      این قسمت از شما درخواست میکند که عکس ها را از 2 یا 3 دامین مختلف اجرا کنید تا باعث بهبود در سرعت شود و مثلاً همزمان 2 عکس سایت با هم اجرا شوند . کاری که IDM انجام میدهد .

      برای انجام این قسمت یک دامین که فرقی نمیکند چه باشد اعم از co.cc و tk و .. روی سایت از طریق سی پنل یا هر پنل دیگری Addon Domain کنید .

      مثلاً در این سایت میبینیم که حجم زیادی از سایت ها به این صورت و در پوشه style هستند :

      کد:
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentBL.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentBR.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentBottomBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentLeft.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentRight.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentTL.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentTR.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/contentTopBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerLogo.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerNavBox.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerNavLeft.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerNavRight.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerNavSplit.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerWrapBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/headerBG.png
      http://persiangulfforum.com/images/styles/HighlightOrange/style/iconSearchBox.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/loginBoxInput.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/loginButton.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/logo.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/memberBoxBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/memberBoxLeft.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/memberBoxRight.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/navBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/navLeft.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/navRight.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/navSplit.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/pageBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/searchBox.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/searchButton.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/searchInput.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/tcatBG.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/tcatLeft.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/tcatRight.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/theadBG.gif
      که اگر آن ها را مثلاً بجای persiangulfforum.com به persiangulfforum.ir تغییر بدیم این قسمت از بین خواهد رفت و Page Speed شما افزایش خواهد یافت .

      روش تغییر دادن اون هم به این صورت هست که باید مثلاً images/styles/HighlightOrange/style/theadBG.gif رو پیدا کنید و قبل از اون Page Not Found - Yahoo! Error Handler رو اضافه کنید که در آخر بشه :

      Page Not Found - Yahoo! Error Handler

      راحت ترین روش برای انجام آن استفاده از Find And Replace هست . به این صورت که در additional.css میتوانید اینکار را انجام دهید :

      Find :
      images/styles/HighlightOrange/style/
      Replace :
      Page Not Found - Yahoo! Error Handler

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

      در صورت انجام این قسمت کاملاً سبز خواهد شد .

      قسمت بعدی : Specify image dimensions

      این قسمت نیز کمی دشوار است . در این قسمت جی تی متریکس از شما میخواهد برای یکایک عکس های موجود در انجمنتان width و height تعریف کنید .

      کد:
      http://icache.alexa.com/images/flags/ir.png (Dimensions: 16 x 11)
      http://persiangulfforum.com/images/icons/icon1.png (Dimensions: 16 x 16) (24 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/buttons/collapse_tcat.png (Dimensions: 19 x 19) (10 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/buttons/lastpost-left.png (Dimensions: 12 x 10) (24 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/misc/13x13progress.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/misc/forum_stats.png (Dimensions: 16 x 16)
      http://persiangulfforum.com/images/styles/HighlightOrange/misc/navbit-home.png (Dimensions: 16 x 15)
      http://persiangulfforum.com/images/styles/HighlightOrange/misc/users_online.png (Dimensions: 16 x 16) (2 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/site_icons/article.png (Dimensions: 16 x 16) (24 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/site_icons/blog.png (Dimensions: 16 x 16) (24 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/site_icons/forum.png (Dimensions: 16 x 16) (24 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/site_icons/homepage.png (Dimensions: 16 x 16) (23 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/site_icons/profile.png (Dimensions: 16 x 16) (24 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/statusicon/forum_old-48.png (Dimensions: 42 x 42) (12 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/statusicon/post_old.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/statusicon/subforum_old-48.png (Dimensions: 12 x 11) (65 uses)
      http://persiangulfforum.com/images/styles/HighlightOrange/style/footerLogo.gif
      http://persiangulfforum.com/images/styles/HighlightOrange/style/logo.gif
      http://www.alexa.com/images/icons/globe-sm.png (Dimensions: 16 x 16)
      https://s3.amazonaws.com/com.alexa.toolbar/buttons/twitter/update-arrow.gif (Dimensions: 15 x 11)
      اگر توجه کنید انتهای هر یک نوشته شده : (Dimensions: 16 x 16) که اولی width و دومی height می باشد .

      به منظور رفع هر یک باید در جستجوی قالب نام ها را جستجو کنید و وقتی پیدا کردید مثلاً کد به این صورت است :

      کد:
      <img src="لینک" alt="توضیح" />
      مثلاً اگر (Dimensions: 16 x 16) بود باید بعد از alt="" به این صورت وارد کنید :

      کد:
      width="16px" height="16px"
      قسمت بعدی : Leverage browser caching

      این قسمت بسیار ساده است به این صورت که شما باید به بعد از .htaccess خود این ها را وارد کنید :

      کد:
      # 480 weeks
      <FilesMatch "\.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
      Header set Cache-Control "max-age=290304000, public"
      </FilesMatch>
       
      # 2 DAYS
      <FilesMatch "\.(xml|txt)$">
      Header set Cache-Control "max-age=172800, public, must-revalidate"
      </FilesMatch>
       
      # 2 HOURS
      <FilesMatch "\.(html|htm)$">
      Header set Cache-Control "max-age=7200, must-revalidate"
      </FilesMatch>
      در صورت اضافه این قسمت این قسمت کاملاً از بین خواهد رفت.

      قسمت بعدی : Combine images using CSS sprites که به نظر بنده روی ویبولتین قابل انجام نیست .

      قسمت بعدی : Optimize Images که این قسمت هم راحت هست اما وقت گیر !



      همانگونه که در عکس میبینید ، این قسمت دو جزء دارد .

      جزء اول : آدرس عکس

      جزء دوم : optimized version

      کاری که شما باید بکنید این هست که optimized ورژن رو از gtmetrix بگیرید به اسم فایل اصلی save کنید ( چون معمولاً مقدار زیادی اضافات دارد ) و آن را به جای اصلی اش در هاست برده و replace کنید .

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

      برای رفع این مشکل باید فایل ها را به جای اصلی خودشان با همان فرمت png برده و سپس از طریق additional.css یا بعضی مواقع stylevars فرمت gif آن ها را با png رینیم کنید .

      مثلاً توی additional.css نوشته شده :

      #pageWrapper {
      background:url(http://persiangulfforum.com/images/s...e/footerBG.gif) repeat-x bottom right;

      که شما باید آن را به .png تغییر دهید .

      قسمت بعدی : Enable gzip compression

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

      تنظیمات اصلی انجمن --> تنظیمات سرور --> قسمت فشرده سازی بصورت gzip که اون میتونید فعال کنید یعنی روی 1 بگذارید .

      1 مقدار پیش فرض اون هست در صورت پشتیبانی شما از سرور درجه فشرده سازی رو میتونید بیشتر کنید البته باید قبلش از مدیر هاست بپرسید که امکانش هست یا خیر .

      البته کد این رو میتونید اول کانفیگ بزنید که میتونه تاثیر فوق العاده ای روی لود و .. داشته باشه :

      کد:
       <? ob_start("ob_gzhandler"); ?>
      قسمت بعدی : Minify JavaScript که کار خیلی راحتی هست .

      شما باید نسخه ای که gtmetrix به شما میده رو با نسخه اصلی خودتون توی هاست عوض کنید .

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

      file manager سپس public_html سپس به دنبال پوشه بروید .

      کلیک راست کنید --> edit و سپس کد ها رو عوض کنید . دقت داشته باشید در صورتی که کد نصفه آمد ( یعنی فقط سه خط اول اون اومد ) باید از بالا روی utf-8 تنظیم کنید و re open کنید .

      قسمت بعدی : Combine external JavaScript هست که این کار رو به هیچ وجه انجام ندید چون باعث آسیب شدید به انجمن خواهد شد .

      قسمت بعدی : Minimize DNS Lookups هست . که برای زمانی هست که شما از کد وبگذر ، ادگاه ، اکسین ادز ، الکسا یا .. در سایتتون استفاده میکنید .

      در صورت حذف اون ها سرعت انجمن شما بالاتر خواهد رفت .

      وی بی ایران به شما استفاده از آمارگیر Tiny Stat را پیشنهاد میکند .

      قسمت های بعدی : Use efficient CSS selectors و Remove unused CSS است که از شما میخواهد قوانین نا کار آمد را از استایل خود حذف کنید که این نیز توصیه نمیشود چون ویبولتین هر css را ممکن است در جای مخصوص خود استفاده کند در صورتی که جی تی متریکس فکر میکند این سی اس اس برای صفحه اصلی است و استفاده نشده .

      قسمت بعدی : Minify HTML که از شما میخواهد HTML جی تی متریکس را درون سایت قرار دهید که اصلاً کار عاقلانه ای نیست و باید از آن صرف نظر کنید چون ویبولتین از PHP استفاده میکند .

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

      قسمت بعدی : Minify CSS که از شما میخواهد CSS خود را با cssی که gtmetrix به شما میدهد عوض کنید .

      نحوه کار در قسمت های قبلی تقریباً توضیح داده شده باید به هاست بروید و آن ها را تغییر دهید .

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

      قسمت بعدی : Avoid bad requests که از شما میخواهد عکس هایی که وجود ندارند و حذف شده اند را بازگردانید که این هم کار ساده ای است .

      عکس های نام برده شده را به محل نشان داده شده بروید تا این قسمت کاملاً از بین برود .


      در صورتی که احساس میکنید بخشی از قلم افتاده بفرمائید تا به آموزش اضافه کنیم .

      با تشکر .

      مدیریت وی بی ایران

      منبع : وی بی ایران
  1. Top | #111
    مدیر بازنشته

    ورژن ویبولتین
    Connect
    نوشته ها
    2,771
    میزان امتیاز
    335

    پیش فرض

    فرقي نداره بذاريد ساب دامين بهتره چون tk 1ماه هست ميپره

    يك ساب دامين با نام CDN بسازيد و درون اون عكس بذاريد

    کاربر مقابل از Amir Lord بابت این پست مفید تشکر کرده است:





  2. گیفت کارت آیتونز

  3. Top | #112
    کاربر مفید و فعالکاربر ویژه

    ورژن ویبولتین
    4.x.x
    نوشته ها
    384
    میزان امتیاز
    52

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

    با سلام
    من چندین مشکل دارم اگه میشه کمکم کنید . البته بگم که این قسمت رو مطالعه کردم و از سرچ بالا هم

    استفاده کردم . اگه خودتون موارد من رو بخونید به استناد همه چیز رو اوردم . به نظرم اگه این سوالات رو پاسخ

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


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

    Page Speed Grade: B (89%)
    YSlow Grade: C (77%)
    Page load time: 4.40s
    Total page size: 319KB
    Total number of requests: 70



    قسمت ها را به صورت لیست مینویسم.



    1- Leverage browser caching
    با اینکه اون کد علی هم گفته بود توش گذاشتم بازم یه لینکی هست که مزاحم شده که این قسمت 100 درصد بشه و اون لینک هم اینه
    http://apis.google.com/js/plusone.js
    که اگه دقت کنید مال گوگل پلاسه ولی تو وی بی ایران این قسمت 100 درصده !!!!

    2-Minify JavaScript
    سلام تو این قسمت هم تقریبا ادرس ها مثل وی بی ایران است ولی یه مشکلی که من دارم از چت روم cometchat استفاده میکنم. تا اونجایی که من میدونم باید کد های که gtmetrix بهمون میده رو جایگزین کنیم ولی مشکل اینه که هر چی نگاه میکنم کد های مشابه نمیبینم میشه کمک کنیدفایلشو در پایین پیوست میکنم و ادرس که در gtmetrix هست در زیر نوشتم
    http://www.Sitam.ir/cometchat/cometchatjs.php

    3- Put CSS in the document head
    تا اونجایی که من تو انجمن سرچ کردم فهمیدم که باید سی اس اس ها رو بیاری تو هدر سایت تا این 100 در صد بشه
    خوب من هم همین کار کردم و فایل ادسی که بهم داده بود
    http://www.Sitam.ir/cometchat/cometchatcss.php
    ولی باز این قسمت 100 در صد نشد حالا این فایل هم پیوست میکنم

    4- Avoid bad requests
    طبق گفته علی : " از شما میخواهد عکس هایی که وجود ندارند و حذف شده اند را بازگردانید " .
    خوب اخه این قسمت که ادس عکس به من نداده که من این کار رو بکنم . ادرسی که داده اینه
    http://www.Sitam.ir/clientscript/vbulletin_css/style00019r/vmoods.css,vmoods_css_.css


    5- Minify CSS
    طبق گفت علی : "از شما میخواهد CSS خود را با cssی که gtmetrix به شما میدهد عوض کنید " .
    خوب ادرس هایی که به من داده از این قراره
    http://www.Sitam.ir/cometchat/cometchatcss.php
    http://www.Sitam.ir/css.php?styleid=19&langid=4&d=1321428218&sheet=MAR CO1_CKEditor_CSS.css
    http://www.Sitam.ir/clientscript/vbulletin_css/style00019r/main-rollup.css?d=1321428218
    http://www.Sitam.ir/clientscript/vbulletin_css/style00019r/forumhome-rollup.css?d=1321428218
    http://www.Sitam.ir/clientscript/vbulletin_css/style00019r/additional.css?d=1321428218

    خوب فایله اول که گفتم پیوست میکنم . فایل دوم که من نگاه کردم همون چیزی که میده میزارم ولی بازم این قسمت نمیره نمیدونم چرا البته باید بگم که من از پاسخ پیشرفته استفاده میکنم که وی بی ایران هم استفاده میکنه ولی برای ویبی ایران این قسمت نیست و برای من این قسمت هست پس میشه کمک کنید. در مورد فایل سوم که من که سرچ کردم دیدم پیش فرض خود وی بلوتین است و هیچ تغییری ایجاد نشده که من بتونم برگشت بزنم. ( راستی این فایل کجاست )
    درمورد فایل چهارم هم من که دیدم با قالب دیفالت فرق نمیکرد ( منظورم محل های فراخوانی شده هستا ) ولی این فایل رو نتونستم پیدا کنم در مورد فایل اخر هم که باید بگم هر چی من تو این استفاده کردم دقیقا همینهایی هست که قالب قبلی وی بی ایران بوده


    6- Optimize the order of styles and scripts
    طبق گفته MSHADroo : "باید وارد head va headinclude در تنظیمات قالب بشی و در بخش <head> خطوطی که در اونها فایلهای css لود میشوند رو بیاری بالا و خطوی که در اونها جاوااسکریپت ها لود می شوند ببری پایئین ".
    در ادرس :** مقایسه سرعت لود VBIran با vBulletin.Com **
    من هم همین کارو کردم ولی نشد . ادرس هایی که داده بود همون ادرس های که برای مورد 5 گفتم بود

    7- Combine external JavaScript
    طبق گفته علی : " هست که این کار رو به هیچ وجه انجام ندید چون باعث آسیب شدید به انجمن خواهد شد ".
    علی جان اخه این لینک هایی که سایت gtmetrix برای من گذاشته برای شما نزاشته پس چه جور شما اینها رو بهینه کردید.
    لینکی که برای من گذاشته :
    http://www.Sitam.ir/clientscript/vbulletin-core.js?v=415
    http://www.Sitam.ir/clientscript/vbulletin_md5.js?v=384
    http://www.Sitam.ir/clientscript/vbulletin_read_marker.js?v=415
    http://www.Sitam.ir/cometchat/cometchatjs.php

    لینکی که برای وی بی ایران گزاشته :
    http://cdn.vbiran.ir/clientscript/vbulletin_md5.js
    http://cdn.vbiran.ir/didyouknow.js
    http://cdn.vbiran.ir/vbiranf.js

    در این جا هم میخواهم یه سوال دیگر هم بپرسم شما چگونه فایل های مختلف بغیر از عکس مثلا vbulletin_md5.js را از ساب دامنه فراخوانی میکنید ؟


    8- Remove query strings from static resources
    هیچ توضیحی برای این پیدا نکردم ولی دقت که کردم دیدم که اون دوتا لینکی که برای وی بی ایران هست برای من هم هست ولی من یه خورده

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

    9- Inline small CSS
    توضیحی برای این هم پیدا نکردم ولی وقتی لینکی که بهم داد رو نگاه کردم دیدم اگه فکر کنم مورد 5 رو درست کنم این هم درست بشه چون لینکش به صورن زیر بود :
    http://www.Sitam.ir/css.php?styleid=19&langid=4&d=1321428218&sheet=MAR CO1_CKEditor_CSS.css

    10- Minimize DNS lookups
    شما گفتید اگه امار گیر ها رو حذف کنید این قسمت برطرف میشه ولی من وقتی به لینک نگاه کردم به لینک زیر برخوردم :
    http://apis.google.com/js/plusone.js
    که مال گوگل پلاسه که وی بی ایران هم استفاده میکنه پس چرا برای من این قسمت هست ولی مال وی بی ایران 100 درصده !!!!

    11- Minify HTML
    میدونم این قسمت مال خودمون نیست چون از پی اچ پی استفاده میکنیم ولی اخه یه راهنمایی کنید که این قسمت هم یه خورده بهینه تر کنیم چون الان که دقت کردم دیدم برای شما امتیازتون بالاتره با اینکه هم چتباکس و هم خیلی چیزهای دیگه رو صفحه اصلی لود میشه !!!!!!

    12- Combine external CSS
    این قسمت رو توضیح ندادید ولی موارد لینکاش مثل مورد 5 هست پس فکر کنم این مورد 5 درست بشه همش درست میشه.

    13- Combine images using CSS sprites
    این مورد هم علی اقا گفته نمیشه و رو ویبلوتین نمیشه ولی من ساید امید رو که برسی کردم و البته بگم که رتبه خوبی داره ( معلومه خیلی روش کار کرده ) این قسمت رو تونسته از 0 به یک مقداری برسونه که قابل تحسینه میتونید از اینجا این قضیه رو ببینید ( http://gtmetrix.com/reports/forum.macs.ir/HQsJ5Ym8 ) . حالا من یه خواهشی از امید جان دارم که اگه میشه یه اموزش کوچیک بده تا ما هم بتونیم این کار رو انجام بدیم .



    نکته : لینک این پست رو در قسمت مشکلات متداول درست کنید.
    نکته : از گذاشتن اسم سایتم معذورم.
    با تشکر و معذرت از سوالات زیاد
    فایل های پیوست شده فایل های پیوست شده
    ویرایش توسط SANBOR : 2011/11/16 در ساعت 01:55 PM

    کاربر مقابل از SANBOR بابت این پست مفید تشکر کرده است:


  4. Top | #113
    کاربر مفید و فعالکاربر ویژه

    ورژن ویبولتین
    4.x.x
    نوشته ها
    384
    میزان امتیاز
    52

    پیش فرض

    همچنان منتظر جوابیم

  5. Top | #114
    کاربر سایت

    ورژن ویبولتین
    4.1.12
    نوشته ها
    285
    میزان امتیاز
    36

    پیش فرض

    دوستان لطف كنين در اين چند مورد راهنمايم كنين


    1.
    Paralleliz e downloads across hostnames

    من از هر دو روش هم استفاده كردم ولي باز هم تغيري نكرد لطفا اگه از روش Find And Replace استفاده كنيم بعد باز هم تغيير نكنه يعني مشكل كجاست كه هنوز هم صفر مونده

    مورد 2 اين

    Optimize images

    كه با نامي كه سايت ميده عوض ميكنم مثال ميشه xx_1225.png در قمست Avoid ba d requests ميگه عكس xx نست كه وقتي اضافه ميكنم عكس همون xx_1225.png رو ميگه بايد باز تغيير نام بدي كجاي كار مورد داره لطفا يه راهنمايي كوچك بكنين



    و لطف كنين در اين مورد ها يه توضيحي بدين كه بايد چطوري رفع بشه


    1- Remove query strings from static resources

    2- Inline s mall CSS
    ویرایش توسط tanha2 : 2011/11/27 در ساعت 08:56 PM

  6. Top | #115
    کاربر سایت

    ورژن ویبولتین
    4.1.12
    نوشته ها
    285
    میزان امتیاز
    36

    پیش فرض

    يكي لطف كنه اگه ميشه يه كوچولو اشاره كنه من كارهاي گفته شده رو انجام ميدم ولي نميشه

  7. Top | #116
    کاربر مفید و فعالکاربر ویژه

    ورژن ویبولتین
    4.x.x
    نوشته ها
    384
    میزان امتیاز
    52

    پیش فرض

    نقل قول نوشته اصلی توسط SANBOR نمایش پست ها
    با سلام
    من چندین مشکل دارم اگه میشه کمکم کنید . البته بگم که این قسمت رو مطالعه کردم و از سرچ بالا هم

    استفاده کردم . اگه خودتون موارد من رو بخونید به استناد همه چیز رو اوردم . به نظرم اگه این سوالات رو پاسخ

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


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

    Page Speed Grade: B (89%)
    YSlow Grade: C (77%)
    Page load time: 4.40s
    Total page size: 319KB
    Total number of requests: 70



    قسمت ها را به صورت لیست مینویسم.



    1- Leverage browser caching
    با اینکه اون کد علی هم گفته بود توش گذاشتم بازم یه لینکی هست که مزاحم شده که این قسمت 100 درصد بشه و اون لینک هم اینه
    http://apis.google.com/js/plusone.js
    که اگه دقت کنید مال گوگل پلاسه ولی تو وی بی ایران این قسمت 100 درصده !!!!

    2-Minify JavaScript
    سلام تو این قسمت هم تقریبا ادرس ها مثل وی بی ایران است ولی یه مشکلی که من دارم از چت روم cometchat استفاده میکنم. تا اونجایی که من میدونم باید کد های که gtmetrix بهمون میده رو جایگزین کنیم ولی مشکل اینه که هر چی نگاه میکنم کد های مشابه نمیبینم میشه کمک کنیدفایلشو در پایین پیوست میکنم و ادرس که در gtmetrix هست در زیر نوشتم
    http://www.Sitam.ir/cometchat/cometchatjs.php

    3- Put CSS in the document head
    تا اونجایی که من تو انجمن سرچ کردم فهمیدم که باید سی اس اس ها رو بیاری تو هدر سایت تا این 100 در صد بشه
    خوب من هم همین کار کردم و فایل ادسی که بهم داده بود
    http://www.Sitam.ir/cometchat/cometchatcss.php
    ولی باز این قسمت 100 در صد نشد حالا این فایل هم پیوست میکنم

    4- Avoid bad requests
    طبق گفته علی : " از شما میخواهد عکس هایی که وجود ندارند و حذف شده اند را بازگردانید " .
    خوب اخه این قسمت که ادس عکس به من نداده که من این کار رو بکنم . ادرسی که داده اینه
    http://www.Sitam.ir/clientscript/vbulletin_css/style00019r/vmoods.css,vmoods_css_.css


    5- Minify CSS
    طبق گفت علی : "از شما میخواهد CSS خود را با cssی که gtmetrix به شما میدهد عوض کنید " .
    خوب ادرس هایی که به من داده از این قراره
    http://www.Sitam.ir/cometchat/cometchatcss.php
    http://www.Sitam.ir/css.php?styleid=19&langid=4&d=1321428218&sheet=MAR CO1_CKEditor_CSS.css
    http://www.Sitam.ir/clientscript/vbulletin_css/style00019r/main-rollup.css?d=1321428218
    http://www.Sitam.ir/clientscript/vbulletin_css/style00019r/forumhome-rollup.css?d=1321428218
    http://www.Sitam.ir/clientscript/vbulletin_css/style00019r/additional.css?d=1321428218

    خوب فایله اول که گفتم پیوست میکنم . فایل دوم که من نگاه کردم همون چیزی که میده میزارم ولی بازم این قسمت نمیره نمیدونم چرا البته باید بگم که من از پاسخ پیشرفته استفاده میکنم که وی بی ایران هم استفاده میکنه ولی برای ویبی ایران این قسمت نیست و برای من این قسمت هست پس میشه کمک کنید. در مورد فایل سوم که من که سرچ کردم دیدم پیش فرض خود وی بلوتین است و هیچ تغییری ایجاد نشده که من بتونم برگشت بزنم. ( راستی این فایل کجاست )
    درمورد فایل چهارم هم من که دیدم با قالب دیفالت فرق نمیکرد ( منظورم محل های فراخوانی شده هستا ) ولی این فایل رو نتونستم پیدا کنم در مورد فایل اخر هم که باید بگم هر چی من تو این استفاده کردم دقیقا همینهایی هست که قالب قبلی وی بی ایران بوده


    6- Optimize the order of styles and scripts
    طبق گفته MSHADroo : "باید وارد head va headinclude در تنظیمات قالب بشی و در بخش <head> خطوطی که در اونها فایلهای css لود میشوند رو بیاری بالا و خطوی که در اونها جاوااسکریپت ها لود می شوند ببری پایئین ".
    در ادرس :** مقایسه سرعت لود VBIran با vBulletin.Com **
    من هم همین کارو کردم ولی نشد . ادرس هایی که داده بود همون ادرس های که برای مورد 5 گفتم بود

    7- Combine external JavaScript
    طبق گفته علی : " هست که این کار رو به هیچ وجه انجام ندید چون باعث آسیب شدید به انجمن خواهد شد ".
    علی جان اخه این لینک هایی که سایت gtmetrix برای من گذاشته برای شما نزاشته پس چه جور شما اینها رو بهینه کردید.
    لینکی که برای من گذاشته :
    http://www.Sitam.ir/clientscript/vbulletin-core.js?v=415
    http://www.Sitam.ir/clientscript/vbulletin_md5.js?v=384
    http://www.Sitam.ir/clientscript/vbulletin_read_marker.js?v=415
    http://www.Sitam.ir/cometchat/cometchatjs.php

    لینکی که برای وی بی ایران گزاشته :
    http://cdn.vbiran.ir/clientscript/vbulletin_md5.js
    http://cdn.vbiran.ir/didyouknow.js
    http://cdn.vbiran.ir/vbiranf.js

    در این جا هم میخواهم یه سوال دیگر هم بپرسم شما چگونه فایل های مختلف بغیر از عکس مثلا vbulletin_md5.js را از ساب دامنه فراخوانی میکنید ؟


    8- Remove query strings from static resources
    هیچ توضیحی برای این پیدا نکردم ولی دقت که کردم دیدم که اون دوتا لینکی که برای وی بی ایران هست برای من هم هست ولی من یه خورده

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

    9- Inline small CSS
    توضیحی برای این هم پیدا نکردم ولی وقتی لینکی که بهم داد رو نگاه کردم دیدم اگه فکر کنم مورد 5 رو درست کنم این هم درست بشه چون لینکش به صورن زیر بود :
    http://www.Sitam.ir/css.php?styleid=19&langid=4&d=1321428218&sheet=MAR CO1_CKEditor_CSS.css

    10- Minimize DNS lookups
    شما گفتید اگه امار گیر ها رو حذف کنید این قسمت برطرف میشه ولی من وقتی به لینک نگاه کردم به لینک زیر برخوردم :
    http://apis.google.com/js/plusone.js
    که مال گوگل پلاسه که وی بی ایران هم استفاده میکنه پس چرا برای من این قسمت هست ولی مال وی بی ایران 100 درصده !!!!

    11- Minify HTML
    میدونم این قسمت مال خودمون نیست چون از پی اچ پی استفاده میکنیم ولی اخه یه راهنمایی کنید که این قسمت هم یه خورده بهینه تر کنیم چون الان که دقت کردم دیدم برای شما امتیازتون بالاتره با اینکه هم چتباکس و هم خیلی چیزهای دیگه رو صفحه اصلی لود میشه !!!!!!

    12- Combine external CSS
    این قسمت رو توضیح ندادید ولی موارد لینکاش مثل مورد 5 هست پس فکر کنم این مورد 5 درست بشه همش درست میشه.

    13- Combine images using CSS sprites
    این مورد هم علی اقا گفته نمیشه و رو ویبلوتین نمیشه ولی من ساید امید رو که برسی کردم و البته بگم که رتبه خوبی داره ( معلومه خیلی روش کار کرده ) این قسمت رو تونسته از 0 به یک مقداری برسونه که قابل تحسینه میتونید از اینجا این قضیه رو ببینید ( http://gtmetrix.com/reports/forum.macs.ir/HQsJ5Ym8 ) . حالا من یه خواهشی از امید جان دارم که اگه میشه یه اموزش کوچیک بده تا ما هم بتونیم این کار رو انجام بدیم .



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

    ---------- ارسال شده در 12:16 PM ---------- ارسال قبلی در 08:10 AM ----------

    یک هفته پیش بود که نوشتم

  8. Top | #117
    کاربر سایت

    ورژن ویبولتین
    Latest
    نوشته ها
    187
    میزان امتیاز
    26

    پیش فرض

    سلام

    میخوام آدرس فولدر image رو ببرم روی سابدومین.

    توی additional.css ادرس فولدر عکس ها به صورت کد {vb:stylevar imgdir_themedir} هست.

    چطوری جایگزین کنم؟ این رو بردارم مستقیم لینک بدم؟

  9. Top | #118
    مدیر بخش

    ورژن ویبولتین
    .
    نوشته ها
    869
    میزان امتیاز
    138

    پیش فرض

    http://gtmetrix.com/reports/banner1.ir/6FgtEfPa
    عشق است خودم فقط
    همه چی 100 به غیر از یکی!
    دوست عزیز برای Combine images using CSS sprites باید سی اس اس رو در حد نسبتا عالی بلد باشی
    کار وقت گیریه

  10. Top | #119
    کاربر سایت

    ورژن ویبولتین
    4.1.12
    نوشته ها
    285
    میزان امتیاز
    36

    پیش فرض

    نقل قول نوشته اصلی توسط MR.Khatam نمایش پست ها
    http://gtmetrix.com/reports/banner1.ir/6FgtEfPa
    عشق است خودم فقط
    همه چی 100 به غیر از یکی!
    دوست عزیز برای Combine images using CSS sprites باید سی اس اس رو در حد نسبتا عالی بلد باشی
    کار وقت گیریه

    درود شما كه اين كارارو انجام دادين خوب به ما هم كمك كنين

    دوستان لطف كنين در اين چند مورد راهنمايم كنين


    1.
    Paralleliz e downloads across hostnames

    من از هر دو روش هم استفاده كردم ولي باز هم تغيري نكرد لطفا اگه از روش Find And Replace استفاده كنيم بعد باز هم تغيير نكنه يعني مشكل كجاست كه هنوز هم صفر مونده

    مورد 2 اين

    Optimize images

    كه با نامي كه سايت ميده عوض ميكنم مثال ميشه xx_1225.png در قمست Avoid ba d requests ميگه عكس xx نست كه وقتي اضافه ميكنم عكس همون xx_1225.png رو ميگه بايد باز تغيير نام بدي كجاي كار مورد داره لطفا يه راهنمايي كوچك بكنين



    و لطف كنين در اين مورد ها يه توضيحي بدين كه بايد چطوري رفع بشه


    1- Remove query strings from static resources

    2- Inline s mall CSS

  11. Top | #120
    AmirSina

    پیش فرض

    خاتم باز تو جوگیر شدی ؟
    پاسخ با نقل قول پاسخ با نقل قول توسعه دهنده

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. كمك براي بهينه سازي با gtmetrix
    توسط Mehdi13 در انجمن پرسش و پاسخ
    پاسخ: 18
    آخرين نوشته: 2013/01/12, 12:31 PM
  2. پاسخ: 24
    آخرين نوشته: 2012/03/25, 04:06 PM
  3. پاسخ: 25
    آخرين نوشته: 2011/09/03, 09:58 PM
  4. بالابردن pagespeed شما -رایگان
    توسط Maziar در انجمن پرسش و پاسخ
    پاسخ: 0
    آخرين نوشته: 2011/07/07, 06:13 PM
  5. پاسخ: 1
    آخرين نوشته: 2011/06/17, 01:48 AM

کلمات کلیدی این موضوع

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •