رفتن به مطلب

استفاده از @import به جای link


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

سلام

من چندتا فایل css دارم حالا میخواستم بدونم که به نظرتون همه رو بیام با link لود کنم یا یک css رو با link لود کنم و بقیه رو توی اون css با @import لود کنم!

کدوم بهتره؟

برای افزایش سرعت

لینک به ارسال

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

موفق باشید.

لینک به ارسال

تاپیک جامع نمیدونم اما پراکنده چرا خیلی پرسیدن. توی بحث افزایش سرعت سایت سئو کارها باید نظر بدن. اما من چند تا چیز به ذهنم میرسه که بهتون می گم:

اول اینکه باید ببینید بیننده ی سایت کیا هستن یعنی در واقع باید ببینید حجم صفحه رو تا چه حدی تحمل دارن مثلا صفحات باحجم حداکثر 1.5 مگ برای افراد عادی به نظرم طبیعی هست. برای سایت های پر بازدید حجم حداکثر 400 500 کیلوبایت باید باشه.

بحث دوم محل هاستینگ و میزان رم اون هست هرچی رم بالاتر باشه تعداد افراد هم زمان آنلان بیشتر میتونه باشه و در نتیجه افت سرعت لود کم تر پیش میاد. علاوه بر اون توی سرورهای اشتراکی پردازنده مشغولیت بالایی داره هاستینگتون باید یا منصف باشه یا از vps استفاده کنید.

توی بحث اول برای کاهش حجم صفحات به افزونه ها نمی تونید دست بزنید چون به روزرسانی براشون میاد و کارتون مرتب ریست میشه. اما برای بهینه کردن فایل های استایل و جاوااسکریپت قالب به شیوه زیر به نظرم عمل کنید خوبه:

توی فایل های استایل سعی کنید کدهای اورراید شده رو حذف کند ، بعد از اون فضاهای خالی رو تا جای ممکن پاک کنید و تا زمانی که حجم هر فایل استایل از 40 50 کیلو بایت بیشتر نشده کدهاش رو با هم ادغام کنید و به ترتیب توی صفحه html تون لینکشون کنید.

برای فایل های جاوا اسکریپت هم با سیستم های کد کننده سورس اونها رو فشرده کنید و تا جای ممکن فضاهای خالی رو حذف کنید. مثلا اسکریپتی هست که خود jquery رو با اون فشرده کردن، با یه سرچ می توند اسکریپتشو پیدا کنید و فشرده کننده خوبی هم هست.

تعداد تصاویر رو توی هر صفحه کم کنید و حتما دقت کنید که موقع ویرایش تصاویر توی فتوشاپ به جای ذخیره معمولی از save for web استفاده کنید. و فرمت رو هم تا جای ممکن jpg تنظیم کنید.

به جای استفاده از آیکون ها تصویری از آیکون فونت استفاده کنید.

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

مثلا افزونه ی کانتکت فرم 7 فایل های جاوا و استایل مخصوص خودش رو اره که توی همه صفحات سایتتون لودشون می کنه، در حالی که شما در اکثر موارد یک یا دو فرم بیشتر توی کل سایتتو ندارید. اما طراح های اون افزونه چون نمیدونن شما فرم ها رو قرار توی کدوم صفحات سایتت به کار ببری مجبورن به طور کلی لود کنند.

افزونه های دیگه هم به همین صورت هست.

در نهایت هم اگر به طراحی مسلط نیستید می تونی از افزونه های کش استفاده کنید. و همچنین gzip رو توی سرور فعال کنید تا حجم صفحات رو پایین بیارید.

اگر حجم صفحاتتون به 700 800 کیلوبایت تا 1.2 مگ رسید اما ساییتون بیشتر از 4 ثانیه طول می کشه تا لود بشه (برای سرورهای توی ایران حداکثر 2 ثانیه) دو حالت داره یا سرویس اینترنت شما ضعیفه که یا سرورتون ضعیفه و اورلود داره. یعنی تعداد سایت های روی سرور بیشتر از ظرفیتش هست و ریکوئست ها رو داره دسته بندی می کنه و به نوبت پاسخ میده.

این مورد بالا برای سایت های حرفه ای هست که بازدید متوسطی دارن اما برای سایت های معمولی تا 6 7 ثانیه هم برای لود کامل سایت عیبی نداره

برای تست سرعت بارگزاری سایت که ایا از سمت سرور پایینه یا نه می تونید از نتایج سرویس هایی مثل gtmetrix استفاده کنید.

موفق باشید.

لینک به ارسال

تاپیک جامع نمیدونم اما پراکنده چرا خیلی پرسیدن. توی بحث افزایش سرعت سایت سئو کارها باید نظر بدن. اما من چند تا چیز به ذهنم میرسه که بهتون می گم:

اول اینکه باید ببینید بیننده ی سایت کیا هستن یعنی در واقع باید ببینید حجم صفحه رو تا چه حدی تحمل دارن مثلا صفحات باحجم حداکثر 1.5 مگ برای افراد عادی به نظرم طبیعی هست. برای سایت های پر بازدید حجم حداکثر 400 500 کیلوبایت باید باشه.

بحث دوم محل هاستینگ و میزان رم اون هست هرچی رم بالاتر باشه تعداد افراد هم زمان آنلان بیشتر میتونه باشه و در نتیجه افت سرعت لود کم تر پیش میاد. علاوه بر اون توی سرورهای اشتراکی پردازنده مشغولیت بالایی داره هاستینگتون باید یا منصف باشه یا از vps استفاده کنید.

توی بحث اول برای کاهش حجم صفحات به افزونه ها نمی تونید دست بزنید چون به روزرسانی براشون میاد و کارتون مرتب ریست میشه. اما برای بهینه کردن فایل های استایل و جاوااسکریپت قالب به شیوه زیر به نظرم عمل کنید خوبه:

توی فایل های استایل سعی کنید کدهای اورراید شده رو حذف کند ، بعد از اون فضاهای خالی رو تا جای ممکن پاک کنید و تا زمانی که حجم هر فایل استایل از 40 50 کیلو بایت بیشتر نشده کدهاش رو با هم ادغام کنید و به ترتیب توی صفحه html تون لینکشون کنید.

برای فایل های جاوا اسکریپت هم با سیستم های کد کننده سورس اونها رو فشرده کنید و تا جای ممکن فضاهای خالی رو حذف کنید. مثلا اسکریپتی هست که خود jquery رو با اون فشرده کردن، با یه سرچ می توند اسکریپتشو پیدا کنید و فشرده کننده خوبی هم هست.

تعداد تصاویر رو توی هر صفحه کم کنید و حتما دقت کنید که موقع ویرایش تصاویر توی فتوشاپ به جای ذخیره معمولی از save for web استفاده کنید. و فرمت رو هم تا جای ممکن jpg تنظیم کنید.

به جای استفاده از آیکون ها تصویری از آیکون فونت استفاده کنید.

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

مثلا افزونه ی کانتکت فرم 7 فایل های جاوا و استایل مخصوص خودش رو اره که توی همه صفحات سایتتون لودشون می کنه، در حالی که شما در اکثر موارد یک یا دو فرم بیشتر توی کل سایتتو ندارید. اما طراح های اون افزونه چون نمیدونن شما فرم ها رو قرار توی کدوم صفحات سایتت به کار ببری مجبورن به طور کلی لود کنند.

افزونه های دیگه هم به همین صورت هست.

در نهایت هم اگر به طراحی مسلط نیستید می تونی از افزونه های کش استفاده کنید. و همچنین gzip رو توی سرور فعال کنید تا حجم صفحات رو پایین بیارید.

اگر حجم صفحاتتون به 700 800 کیلوبایت تا 1.2 مگ رسید اما ساییتون بیشتر از 4 ثانیه طول می کشه تا لود بشه (برای سرورهای توی ایران حداکثر 2 ثانیه) دو حالت داره یا سرویس اینترنت شما ضعیفه که یا سرورتون ضعیفه و اورلود داره. یعنی تعداد سایت های روی سرور بیشتر از ظرفیتش هست و ریکوئست ها رو داره دسته بندی می کنه و به نوبت پاسخ میده.

این مورد بالا برای سایت های حرفه ای هست که بازدید متوسطی دارن اما برای سایت های معمولی تا 6 7 ثانیه هم برای لود کامل سایت عیبی نداره

برای تست سرعت بارگزاری سایت که ایا از سمت سرور پایینه یا نه می تونید از نتایج سرویس هایی مثل gtmetrix استفاده کنید.

موفق باشید.

سلام

ممنون از توضیحات جامعتون و همچنین وقتی که گذاشتین

من سایتم رو توی Gtmetrix بررسی کردم

PageSpeed Score : (94%)

YSlow Score : (86%)

حجم خود سایت رو هم زده : 1.49MB

سرعت لود هم 4.7 ثانیه

اما خب میخوام سرعت بیشتر بشه چون سایت شرکتی هست

لینک به ارسال

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

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

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

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

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

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

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

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

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