konjkav

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

7 پست در این موضوع قرار دارد

سلام سایتو با 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

به اشتراک گذاری این پست


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

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

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری