سرور ایران نسخه ۲.۱
(شنبه تا چهارشنبه ۹:۰۰ الی ۱۶:۰۰) ۶-۹۵۰۱۸۴۴۵-۰۳۱  
صفحه نخست     ناحیه کاربری     ثبت شکایات     وبلاگ
سرور ایران
  • دامنه
    • دامنه های ملی
    • دامنه های بین المللی
    • جستجو و ثبت دامنه
    • پنل مشتریان دامنه های ملی
    • پنل نمایندگان دامنه بین المللی
  • میزبانی وب
    • هاست لینوکس حرفه ای
    • هاست لینوکس اقتصادی
    • هاست لینوکس حرفه ای ایران
  • میزبانی فایل
    • هاست دانلود
  • نمایندگی هاست
    • نمایندگی هاست حجمی
    • نمایندگی هاست ایران
    • نمایندگی هاست نامحدود
    • نمایندگی مستر ریسلر نامحدود
  • گواهینامه SSL
  • قوانین و مقررات
  • درباره ما
  • ارتباط با ما
  • دامنه
    • دامنه های ملی
    • دامنه های بین المللی
    • جستجو و ثبت دامنه
    • پنل مشتریان دامنه های ملی
    • پنل نمایندگان دامنه بین المللی
  • میزبانی وب
    • هاست لینوکس حرفه ای
    • هاست لینوکس اقتصادی
    • هاست لینوکس حرفه ای ایران
  • میزبانی فایل
    • هاست دانلود
  • نمایندگی هاست
    • نمایندگی هاست حجمی
    • نمایندگی هاست ایران
    • نمایندگی هاست نامحدود
    • نمایندگی مستر ریسلر نامحدود
  • گواهینامه SSL
  • قوانین و مقررات
  • درباره ما
  • ارتباط با ما

رفع خطای Combine images using CSS sprites در Gtmetrix

رفع خطای Combine images using CSS sprites در Gtmetrix

در این مقاله در مورد نحوه رفع خطای Combine images using CSS sprites به شما کاربران گرامی آموزش داده می شود، اگر شما کاربر عزیز در حال افزایش سرعت وب سایت خود هستید و با این خطا مواجه شده اید ، با مطالعه این مقاله می توانید با کمی تلاش این خطا را نیز رفع کنید ، تاثیر انجام این مقاله بر سرعت وب شما بسیار زیاد است و باعث می شود تعداد بسیار زیادی از درخواست های http شما کم شود ، ما قبلا در مورد کاهش تعداد درخواست HTTP در سرور ایران مقاله ارسال کردیم، لطفا ادامه این مقاله را مطالعه نمایید.

 

منظور از CSS sprites چیست؟

معمولا در هر صفحه وب از تعدادی عکس استفاده شده است، برای دریافت هر عکس مرورگر مجبور است یک درخواست به سمت سرور ارسال کند، رد و بدل این درخواست ها توسط مرورگر و سرور نیاز به زمان زیادی دارد، در سال های گذشته برای رفع این مشکل از روش CSS sprites استفاده شده است، در این روش با ترکیب تمام تصاویر در یک عکس و درج مختصات آن در قسمت های مختلف با X و Y قسمت مورد نیاز خود را در مکان خود قرار می دهند، در این روش تنها یک درخواست برای یک تصویر به سرور ارسال می شود و با انجام این روش سرعت وب سایت بسیار بیشتر می شود. به تصویر زیر دقت کنید:

منظور از CSS sprites چیست؟

ما در تصویر بالا حدود ۵۰ تصویر را در یک عکس ترکیب کردیم ، با در نظر گرفتن تعداد تصاویر ترکیب شده ما بیشتر از ۴۹ درخواست از وب سایت خود کم کرده ایم ، این تعداد تاثیر بسیار زیادی در سرعت سایت دارد.

 

چگونگی رفع خطا Combine images using CSS sprites در وردپرس

متاسفانه در وردپرس هنوز افزونه خاصی برای sprite کردن css وجود ندارد، در حال حاضر مطمئن ترین روش اعمال تغییرات در کد نویسی های قالب وب سایت است، بنابراین اگر آشنایی با html و css ندارید، شاید بهتر باشد از طراح وب سایت خود درخواست کنید تا این تغییرات را برای شما انجام بدهد.

اگر تغییرات در css و درج مختصات برای شما دشوار است، در ادامه چندین ابزار آنلاین به شما معرفی می شود تا بتوانید آنلاین عکس ها را با هم ترکیب و خودکار کد های css آن را دریافت کنید.

  • http://spritegen.website-performance.org/
  • http://css.spritegen.com/
  • https://instantsprite.com/
  • https://www.giftofspeed.com/sprite-generator/

 

همچنین اگر شما تمایل دارید CSS sprites را به صورت responsive ایجاد کنید می توانید از لینک زیر استفاده نمایید:

http://responsive-css.spritegen.com/

 

 

 

 

مطالب مرتبط

رفع خطای Serve resources from a consistent URL در Gtmetrixرفع خطای Serve resources from a consistent URL در Gtmetrix آموزش رفع خطای Serve scaled images در Gtmetrixآموزش رفع خطای Serve scaled images در Gtmetrix آموزش رفع خطای Optimize images در Gtmetrix معرفی افزونه وردپرسآموزش رفع خطای Optimize images معرفی افزونه وردپرس آموزش رفع خطای Minify CSS در Gtmetrix وردپرس
Tags: Combine images using CSS sprites,  Gtmetrix
Related Posts
  • آموزش رفع خطای Minify HTML در Gtmetrix

  • رفع خطای Serve resources from a consistent URL در Gtmetrix

  • نحوه رفع خطای Defer parsing of JavaScript در وردپرس

  • رفع خطای Leverage browser caching در Gtmetrix با ویرایش htaccess

← آموزش رفع خطای Minify HTML در Gtmetrix
نحوه افزایش حجم آپلود دایرکت ادمین افزایش Max Filesize →

دسته‌ها

  • آموزش cPanel
  • آموزش امنیت
  • آموزش دایرکت ادمین
  • آموزش سئو و بهینه سازی
  • آموزش کانفیگ سرور
  • آموزش میزبانی وب
  • آموزش های دامنه
  • آموزش های وب سایت
  • آموزش وردپرس

نوشته های اخیر

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

    نحوه اضافه کردن دامنه به هاست سی پنل (cPanel) در این مقاله ر...

  • تحریم ها و سیاست‌های جدید محدودیت Resello
    تحریم ها و سیاست‌های جدید محدودیت Resello

    اخیرا ریسلو ( Resello ) –  یک مرکز ثبت دامنه یا Registrar –...

  • بهینه سازی وب سرور nginx
    بهینه سازی وب سرور nginx

    Nginx در قیاس با PHP و MySQL نیاز به بهینه سازی کمتری دارد و...

  • جلوگیری از حملات bruteforce وردپرس در nginx
    جلوگیری از حملات bruteforce وردپرس در nginx

    در این مقاله جلوگیری از حملات bruteforce وردپرس در nginx به...

  • کانفیگ وب سرور Nginx – بخش دوم
    کانفیگ وب سرور Nginx – بخش دوم

    بهینه سازی های فایل سیستم در ادامه کانفیگ وب سرور Nginx – بخ...

نوشته های تصادفی

  • ۷ نکته مهم در مورد میزبانی وب سایت۷ نکته مهم در مورد میزبانی وب سایت
  • غیرفعال کردن افزونه های وردپرس بدون دسترسی به wp-adminغیرفعال کردن افزونه های وردپرس بدون دسترسی به wp-admin
  • نحوه افزایش حجم آپلود دایرکت ادمین افزایش Max Filesizeنحوه افزایش حجم آپلود دایرکت ادمین افزایش Max Filesize
  • میزبانی ابری چیست؟میزبانی ابری چیست؟
  • معرفی ۱۰ ابزار خطایابی وردپرس Debuggingمعرفی ۱۰ ابزار خطایابی وردپرس Debugging
  • سرویس ابری SaaS چیست؟سرویس ابری SaaS چیست؟
  • آموزش تبدیل بک آپ سی پنل به دایرکت ادمینآموزش تبدیل بک آپ سی پنل به دایرکت ادمین
  • مزایای استفاده از وردپرس در طراحی سایتمزایای استفاده از وردپرس در طراحی سایت
  • تاثیر دامنه ir ملی در بهبود سئو و موتورهای جستجوتاثیر دامنه ir ملی در بهبود سئو و موتورهای جستجو
  • غیر فعال کردن دسترسی به سایت با آی پی سرورغیر فعال کردن دسترسی به سایت با آی پی سرور

آخرین مطالب وبلاگ

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

    نحوه اضافه کردن دامنه به هاست...

  • تحریم ها و سیاست‌های جدید محدودیت Resello
    تحریم ها و سیاست‌های جدید محدودیت Resello

    اخیرا ریسلو ( Resello ) –  یک...

  • بهینه سازی وب سرور nginx
    بهینه سازی وب سرور nginx

    Nginx در قیاس با PHP و MySQL ن...

مطالب تصادفی وبلاگ

  • RAID چیست؟RAID چیست؟
  • پایگاه داده MongoDB و ویژگی های آنپایگاه داده MongoDB و ویژگی های آن
  • کنترل پنل هاست دایرکت ادمین DirectAdminکنترل پنل هاست دایرکت ادمین DirectAdmin
Copyright © 2011-2025 ServerIran - All Rights Reserved