رفتن به مطلب

سوال در موزید gtmetrix


پست های پیشنهاد شده

سلام سایتو با gtmetrix تست کردم این جملرو نفهمیدم داره چی میگه:دی


The following images served from flymusic21.ir should be combined into as few images as possible using CSS sprites.
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/adsbox-bottom.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/cat-icon.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/cd-icon.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/contact.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/forum-spliter.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/ico-googleplus.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/ico_facebook.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/ico_rss.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/ico_twitter.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/li.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/menu-split.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/post-author.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/post-comment.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/post-date.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/post-middle.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/ribbon2.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/sabet-middle.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/search_btn.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/sidebar-bottom.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/sidebar-main.png
http://www.flymusic21.ir/wp-content/themes/Kesafat/images/sidebar-top.png

.

ویرایش شده توسط konjkav
لینک به ارسال

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

با توجه به اینکه تعداد عکس ها بالاست شما می تونید با ساتفاده از تکنیک iimage sprites همه عکس ها تون رو توی یک عکس بزارید و بجای آدرس عکس مکان اون تصویر رو در عکس اصلی در css قرار بدید .

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


http://spriteme.org

لینک به ارسال

در ادامه ی صحبت آقا شهاب ، عکس ها رو که یکی کردی ، دنبال کد background-position بگرد ، یه کم باهاش کار کنی ، قلقش دستت می یاد :)

ویرایش شده توسط mehotkhan
لینک به ارسال
ارسال شده در (ویرایش شده)

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

با توجه به اینکه تعداد عکس ها بالاست شما می تونید با ساتفاده از تکنیک iimage sprites همه عکس ها تون رو توی یک عکس بزارید و بجای آدرس عکس مکان اون تصویر رو در عکس اصلی در css قرار بدید .

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


http://spriteme.org

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

این 2رو هم نفهمیدم :


Inline small Css
The following external resources have small response bodies. Inlining the response in HTML can reduce blocking of page rendering.
http://www.flymusic21.ir/ should inline the following small resources:
http://www.flymusic21.ir/wp-content/plugins/contact-form-7/includes/css/styles-rtl.css?ver=3.3.2
http://www.flymusic21.ir/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70

و



Defer parsing of javascript
210.3KiB of Javascript is parsed during initial page load. Defer parsing Javascript to reduce blocking of page rendering.[list]
[*][url="http://www.flymusic21.ir/wp-content/themes/Kesafat/js/jquery.min.js"]http://www.flymusic2...s/jquery.min.js[/url] (86.0KiB)
[*][url="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"]http://ajax.googleap...3/jquery.min.js[/url] (84.3KiB)
[*][url="http://apis.google.com/js/plusone.js"]http://apis.google.com/js/plusone.js[/url] (14.9KiB)
[*][url="http://www.flymusic21.ir/wp-content/themes/Kesafat/js/jquery.parallaxSlider.js"]http://www.flymusic2...rallaxSlider.js[/url] (8.5KiB)
[*][url="https://plusone.google.com/_/+1/fastbutton?bsv&size=tall&hl=en-US&origin=http%3A%2F%2Fwww.flymusic21.ir&url=http%3A%2F%2Fwww.flymusic21.ir%2F&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.xmOv5KGlhds.O%2Fm%3D__features__%2Fam%3DiQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAItRSTN_O-bDDJfwBTG4aF1yI9brXP9NWw"]https://plusone.goog...4aF1yI9brXP9NWw[/url] (8.0KiB of inline Javascript)
[*][url="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/flymusicc&width=515&colorscheme=light&show_faces=true&border_color&stream=false&header=false&height=410"]http://www.facebook....alse&height=410[/url] (2.4KiB of inline Javascript)
[*][url="http://www.flymusic21.ir/wp-content/themes/Kesafat/js/jquery.tipsy.js"]http://www.flymusic2...jquery.tipsy.js[/url] (2.1KiB)
[*][url="http://www.flymusic21.ir/wp-content/themes/Kesafat/js/modernizr.js"]http://www.flymusic2...js/modernizr.js[/url] (1.5KiB)
[*][url="http://www.flymusic21.ir/wp-content/themes/Kesafat/js/ct1.jquery.js"]http://www.flymusic2...s/ct1.jquery.js[/url] (1.1KiB)
[*][url="http://www.flymusic21.ir/wp-content/themes/Kesafat/js/general.js"]http://www.flymusic2...t/js/general.js[/url] (665B)
[*][url="http://www.webgozar.ir/c.aspx?Code=2656110&t=counter"]http://www.webgozar....56110&t=counter[/url] (387B)
[*][url="http://www.flymusic21.ir/"]http://www.flymusic21.ir/[/url] (323B of inline Javascript)
[*][url="http://www.flymusic21.ir/wp-content/themes/Kesafat/js/fade.js"]http://www.flymusic2...afat/js/fade.js[/url] (141B)
[/list]

ویرایش شده توسط konjkav
لینک به ارسال

فکر کنم اولی منظورش اینه که دو تا استایل ها حجم کمی دارن و میتونی توی فایل html بصورت دستی قرار بدی یا اینکه یکیشون کنی تا فایلی اضافه لود نکنه . (شاید بد متوجه شده باشم)

اولی کدهاش اینه :


.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}

دومی هم اینه :


span.wpcf7-not-valid-tip {
left: auto;
right: 20%;
direction: rtl;
}
span.wpcf7-not-valid-tip-no-ajax {
direction: rtl;
}
span.wpcf7-list-item {
margin-left: 0;
margin-right: 0.5em;
}

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

در موضوع دوم هم اشاره میکنه به اینکه باید جاوا اسکریپت ها رو در انتهای کدها (در فوتر سایت) قرار بدی تا اگر دیر لود شدن باعث کندی سایت نشه . تعداد کدهای جاوااسکریپت خیلی بالاست . سعی کن کمترشون کنی. 210 کیلوبایت فقط جاوااسکریپت داری

لینک به ارسال

آقا شهاب شرمنده در ادامه ی صحبت هات حرف می زنما :)

نگاه دوست عزیز ، همونطور که آقا شهاب گفتن ، می شه توی قالب گذاشت ، البته روش بهتر اینه که کل سی اس اس ها رو توی سی اس اس اصلی بریزی ، که البته در مورد بعضی افزونه ها باید بری کدهاش رو دست کاری کنی که دیگه سی اس اس رو تو قالب لود نکنن ، درمورد defer parsin javascript ، فکر کنم یه کدی بود این کار رو میکرد ، دوستان نظر بهتری ندارند ؟ :D

لینک به ارسال
آقا شهاب شرمنده در ادامه ی صحبت هات حرف می زنما :)

خواهش میکنم عزیز . . .

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

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

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...