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

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 7 از 62 نخستنخست 12345678910111213141516171819202157 ... آخرینآخرین
نمایش نتایج: از 61 به 70 از 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 | #61
    کاربر ویژه

    ورژن ویبولتین
    4.2
    نوشته ها
    266
    میزان امتیاز
    36

    پیش فرض

    ممنون علی جان ولی خوب ممکنه بعضی ها در صفحه اصلی مشخص نشن . برای مثال ممکنه options.css در صفحه اصلی مشخص نشه که خرابه یا نه و مثلا باید حتما به یک بخش خاصی مثلا تنظیمات کاربری بریم تا مشخص بشه . مشکل اینه . البته من دقیق نمیدونم و چیزیک ه حدس میزدم گفتم . اگر اینطوریه که شما میگید که با باز کردن صفحه اصلی مشخص میشه یک تائیدی بکنید تا این که بریم شروع کنیم قبلیا رو هم ویرایش کنیم .

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


    قسمت بعدی : Leverage browser caching

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

    کد:
    کد PHP:
    # 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> 

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

    علی جان واقعا دستت درد نکنه




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

  3. Top | #62
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    1,698
    میزان امتیاز
    205

    پیش فرض

    بابت اطمینانی که میخوای نمیتونم چیزی بگم!
    چون استایل خودمو ریخته بهم دوباره درستش کردم.
    اون کد رو دوباره در فایل htacces بریزی ببین دوباره ارور میده
    اگه داد کش رو پاک کن و ریلود کن اگه نشد ارور رو بذار

  4. Top | #63
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    3,417
    میزان امتیاز
    523

    پیش فرض

    بعد از قرار دئادن کد مذکور در .htaccess ارور Internal Server Error دریافت کردم لطفا کد سالم بدید

  5. Top | #64
    کاربر ویژه

    ورژن ویبولتین
    4.2
    نوشته ها
    266
    میزان امتیاز
    36

    پیش فرض

    Internal Server Error

    The server encountered an internal error or misconfiguration and was unable to complete your request.

    Please contact the server administrator, [email protected] and inform them of the time the error occurred, and anything you might have done that may have caused the error.

    More information about this error may be available in the server error log.

    Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.

  6. Top | #65
    کاربر ویژه

    ورژن ویبولتین
    4.2
    نوشته ها
    266
    میزان امتیاز
    36

    پیش فرض

    از مدیران گرامی کسی نیست که این مشکل رو حل کنه ؟!

  7. Top | #66
    کاربر سایت

    ورژن ویبولتین
    5
    نوشته ها
    1,698
    میزان امتیاز
    205

    پیش فرض

    htaces هرچی ریختی رو پاک کناضافه ها رو نه انایی که بودن رو

  8. Top | #67
    کاربر ویژه

    ورژن ویبولتین
    4.2
    نوشته ها
    266
    میزان امتیاز
    36

    پیش فرض

    خوب علیرضا جان من فقط مشکل سروری رو گذاشتم که بعد از گذاشتن این کد میگذارم :
    کد PHP:
    # 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> 
    شما تو پاسخ به من این رو گفتید :

    کد PHP:
    اون کد رو دوباره در فایل htacces بریزی ببین دوباره ارور میده 
    بعدش هم من کد اروری که میاد رو براتون گذاشتم . وگرنه سریعا پاکش کردم تا انجمن کار بکنه .
    الان مشکل من کدیه که علی اقا گفتند در پست اول .
    به جای اون کد چه کد دیگه ای میشه گذاشت که قسمت Leverage ..... از بین بره ؟!

  9. Top | #68
    کاربر ویژه

    ورژن ویبولتین
    4.2
    نوشته ها
    266
    میزان امتیاز
    36

    پیش فرض

    علی آقا حداقل شما میشه به کمک ما برسید ؟

  10. Top | #69
    کاربر اخراجی

    ورژن ویبولتین
    3.8.6
    نوشته ها
    215
    میزان امتیاز
    0

    پیش فرض دي بي ايران

    سلام امار سايت ما رو ببينيد فكر كنم نياز به كار زيادي داره
    لطفا راهنمايي كنيد
    تصاویر پیوست شده تصاویر پیوست شده

  11. Top | #70
    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)

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

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