استفاده از WEBP
سلام و روز بخیر
من چند سوال داشتم
1-استفاده از تصاویر WEBPمشکلی برای عکسای من ایجاد نمیکنه چون من شنیدم بعضی از مرورگر ها هنوز این فرمت را پشتیانی نمیکنند؟
2-فشرده کردن CSS و یا JS یا HTML گاهی برای یک سری افزونه ها مشکل ساز میشه به نظر شما مطمینا این کار مشکلی ایجاد نمیکند؟ من قبلا WP ROCKET استفاده میکردم بخاط این موارد خیلی اذیت شدم اگر لطف کنید راهنمایی کنید ممنون میشم
درود بر شما وقت بخیر.
درمورد سوال 1 باید بگم که مشکلی پیش نمیاد و نگران این موضوع نباشید. حدودا از سال 2012 این فرمت توسط گوگل معرفی شد و داخل مرورگر کروم پشتیبانی شد. از سال 2018 هم فرمت WEBP توسط مرورگر ویندوز (Microsoft Edge) و فایرفاکس پشتیبانی میشه. در نتیجه خیلی وقته مرورگرها دارن از این فرمتها پشتیبانی میکنن و مشکلی پیش نمیاد و نگران این موضوع نباشید. البته بازهم ممکنه هنوز افرادی باشن که از نسخههای قدیمی مرورگرا استفاده کنن. ولی تعدادشون خیلی کمه و انقدر نمیتونه باعث نگرانی شما بشه.
درمورد سوال 2 هم اطلاعات زیادی ندارم، اما منم قبلا از افزونه راکت استفاده میکردم کلا سایت رو خراب کرده بود. ولی چون وب سرور هاستم لایت اسپید بود، به جاش اومدم از افزونه لایت اسپید کش استفاده کردم که خیلیم بهتر هستش. اگر وب سرور سایت شما هم لایت اسپید هست، بهتون پیشنهاد میکنم از همین افزونه لایت اسپید کش استفاده کنید. به احتمال زیاد دیگ به مشکل نمیخورین. (معمولا وقتی میخواید هاست خریداری کنید زده ک وب سرور چیه. البته داخل ایران اکثرا همین لایت اسپید هست. ولی بازم برای اطمینان بررسی کنید و اگرم چیزی پیدا نکردید به پشتببان هاست تیکت ارسال کنید تا بهتون بگن.)
سلام وقت بخیر.
1: تا الان حدود 80 درصد از مرورگر ها از فرمت webp پشتیبانی میکنن و فرمت پیشنهادی گوگل هم برای سئو همینه. همینطور وقتی تصاویر تبدیل به webp میشن، حجمشون به مقدار چشمگیری کاهش پیدا میکنه که یکی از بهترین دلایل برای استفاده از این فرمت هست.
اما با مرورگرهایی که webp رو ساپورت نمیکنن چیکار کنیم؟ با توجه به اینکه اکثر مرورگرهایی که معروف هستن و مخاطب ما داره استفاده میکنه، از این فرمت پشتیبانی میکنه، میتونیم از بقیه صرف نظر کنیم اما طبق مطالعات من، اگه تبدیل فرمت عکس به درستی و روش مناسب انجام شده باشه و یکپارچه سازی انجام شده باشه، مرورگرهایی که ساپورت نمیکنن این فرمت رو، فرمت هایی مثل png, jpeg لود میکنن و مشکل اونا هم حل میشه.
یکی از بهترین روش های برای تبدیل فرمت تصاویر به webp، از طریق نصب یه افزونه روی فتوشاپ هست که فرمت webp رو به فتوشاپ شما اضافه میکنه و به راحتی میتونید تبدیل رو انجام بدید.
2: متاسفانه بعضی اوقات، افزونه با فشرده کردن فایل های css,js یا ادغام این فایل ها، سایت رو دچار مشکل میکنن. یکی از روشهای حل این مشکل تست کردن افزونه های مختلف برای این کار هست.
مثل:
- auto optimize
2. Merge + Minify + Refresh
3. Fast Velocity Minify
در صورتی که پلاگین ها خوب نتونن بهتون کمک کنن، ابزار آنلاین برای این کار وجود داره. شما به صورت دستی، محتویات فایل های css و js رو بهشون میدید و اونا فشرده میکنن. البته این روش هم بدی های خودش رو داره. با اپدیت قالب، یا افزونه این فایل ها به حالت قبلی برمیگردن و دوباره این کار باید انجام بشه.
ابزار آنلاین فشرده کردن css js:
1. https://jscompress.com/
2. https://csscompressor.net/
سلام وقت بخیر.
1: تا الان حدود 80 درصد از مرورگر ها از فرمت webp پشتیبانی میکنن و فرمت پیشنهادی گوگل هم برای سئو همینه. همینطور وقتی تصاویر تبدیل به webp میشن، حجمشون به مقدار چشمگیری کاهش پیدا میکنه که یکی از بهترین دلایل برای استفاده از این فرمت هست.
اما با مرورگرهایی که webp رو ساپورت نمیکنن چیکار کنیم؟ با توجه به اینکه اکثر مرورگرهایی که معروف هستن و مخاطب ما داره استفاده میکنه، از این فرمت پشتیبانی میکنه، میتونیم از بقیه صرف نظر کنیم اما طبق مطالعات من، اگه تبدیل فرمت عکس به درستی و روش مناسب انجام شده باشه و یکپارچه سازی انجام شده باشه، مرورگرهایی که ساپورت نمیکنن این فرمت رو، فرمت هایی مثل png, jpeg لود میکنن و مشکل اونا هم حل میشه.
یکی از بهترین روش های برای تبدیل فرمت تصاویر به webp، از طریق نصب یه افزونه روی فتوشاپ هست که فرمت webp رو به فتوشاپ شما اضافه میکنه و به راحتی میتونید تبدیل رو انجام بدید.
2: متاسفانه بعضی اوقات، افزونه با فشرده کردن فایل های css,js یا ادغام این فایل ها، سایت رو دچار مشکل میکنن. یکی از روشهای حل این مشکل تست کردن افزونه های مختلف برای این کار هست.
مثل:
- auto optimize
2. Merge + Minify + Refresh
3. Fast Velocity Minify
در صورتی که پلاگین ها خوب نتونن بهتون کمک کنن، ابزار آنلاین برای این کار وجود داره. شما به صورت دستی، محتویات فایل های css و js رو بهشون میدید و اونا فشرده میکنن. البته این روش هم بدی های خودش رو داره. با اپدیت قالب، یا افزونه این فایل ها به حالت قبلی برمیگردن و دوباره این کار باید انجام بشه.
ابزار آنلاین فشرده کردن css js:
1. https://jscompress.com/
2. https://csscompressor.net/
همانطور که داخل جواب اول اشاره کردم؛ مرورگر کروم حدودا از سال 2012 پشتیبانی میکنه. حتی فایرفاکس هم از 2018 داره از این فرمت تصویر پشتیبانی میکنه. در حال حاضر مرورگر سافاری و اینترنت اکسپلورر تنها مرورگرهایی هستند که از این فرمت پشتیبانی نمیکنند.
اینترنت اکسپلورر هم که کلا دیگ منسوخ شده و اصلا مهم نیست.
ممنون از پاسخ همگی فقط دو سول برام پیش اومده
1- با توجه به جوابها ایا سایتی هست افزونه ها را از لحاظ فشرده سازی جاوا اسکریپت و سی اس اس بررسی کنیم که اگر فشرده کردیم توسط لایت اسپید مشکلی ایجاد نشه؟
2-اگر لایت اسپید مشکلی در سایت من بوجود بیاره ایا با غیر فعال کردن افزونه لایت اسپید تغییراتی که توسط این افزونه ایجادشده به کلی از بین میره یا خیر و نیاز به کدنویسی هست ی خیر ؟
موفق وپیروز باشید
ممنون از پاسخ همگی فقط دو سول برام پیش اومده
1- با توجه به جوابها ایا سایتی هست افزونه ها را از لحاظ فشرده سازی جاوا اسکریپت و سی اس اس بررسی کنیم که اگر فشرده کردیم توسط لایت اسپید مشکلی ایجاد نشه؟
2-اگر لایت اسپید مشکلی در سایت من بوجود بیاره ایا با غیر فعال کردن افزونه لایت اسپید تغییراتی که توسط این افزونه ایجادشده به کلی از بین میره یا خیر و نیاز به کدنویسی هست ی خیر ؟
موفق وپیروز باشید
لطفا قبل از ارسال پاسخ، این قوانین را مطالعه نمایید:
- به هیچ عنوان از لینک سایتهای دیگر یا لینکهای تبلیغاتی در پاسخ استفاده نکنید.
- تا حد امکان متن پاسخ کامل و واضح باشد.
- محتوای پاسخ را از سایت خود یا سایتی دیگر کپی نکنید.
از آنجا که هدف ما ایجاد یک فضای مفید برای همفکری و رسیدن به پاسخ سوالات است، در صورتی که پاسخ شما یکی از شرایط فوق را نداشته باشد، توسط ناظرین تایید نخواهد شد.