بهینه سازی فایل های سی اس اس
بهینه سازی فایل های سی اس اس یکی از روش های کاهش حجم فایل های سی اس اس و حتی جاوااسکریپت برای افزایش سرعت لود یا بارگذاری وب سایت است.بیشتر مواقع در هنگام ویرایش یک فایل Css به مشکلی با عنوان CSS Minify برخورد میکنیم.که تمامی کدهای سی اس اس ما در یک خط قرار میگیرند و ویرایش فایل سی اس اس را مشکل می کنند.برای رفع این مشکل ابزارهای زیادی وجود دارد که یکی از بهترین ابزار ها وب سایت رایگان CleanCss است.
در این وب سایت ما میتوانیم تمام کدهای JavaScript,Css,Html را هم بهینه کنیم و هم می توان از حالت Minify خارج کرد.در ویدئو زیر به صورت کامل با این وب سایت و نحوه بهینه سازی و زیبا سازی کدهای سی اس اس آشنا خواهیم شد.در این ویدئو ابتدا با بهینه سازی فایل های سی اس اس و سپس زیبا سازی و آماده سازی برای ویرایش کار خواهیم کرد.
یک نمونه از بهینه سازی فایل های سی اس اس یا Minify کردن فایل Css
.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px,1px,1px,1px);}.ui-helper-reset{border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;margin:0;padding:0;}
و همان فایل سی اس اس Minify شده به صورت استاندارد و قابل ویرایش
.ui-helper-hidden-accessible { position: absolute!important; clip: rect(1px, 1px, 1px, 1px); } .ui-helper-reset { border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; margin: 0; padding: 0; }
بهینه سازی فایل های سی اس اس به روش Minify کردن هیچ تاثیری بر روی عملکرد آن ندارد و تنها باعث کاهش حجم فایل Css شده و سرعت بارگذاری سایت را افزایش میدهد.اگر هم شما از وردپرس استفاده می کنید ابزار های زیادی برای بهینه سازی فایل های جاوا اسکریپت و سی اس اس وجود دارد که می تواندحجم فایل های موجود را کاهش داده و باعث افزایش سرعت وب سایت شود.یکی از این ابزار ها افزونه WP Super Cache است.که میتوانید از منابع وردپرس دانلود کنید.این افزونه به غیر از کاهش حجم فایل های Css و JavaScript باعث بهبود سئو سایت نیز می شود.
برچسب:cache چیست, JavaScript, Minify, Minify کردن css, WP Super Cache, آموزش آنلاین رایگان, آموزش ویدئویی آنلاین, آموزش ویدئویی آنلاین رایگان, افزایش سرعت, افزایش سرعت سایت, افزایش کش, افزونه فشرده سازی css, افزونه وردپرس, بهبود عملکرد سایت, بهینه سازی, بهینه سازی css, بهینه سازی جاوا اسکریپت, بهینه سازی جاوااسکریپت, بهینه سازی فایل js, بهینه سازی فایل های css, سی اس اس, فشرده سازی html, فشرده سازی فایل css, کاهش حجم فایل, کش چیست
1 نظر
سلام ای کاش میشد بر روی رزبلاگ هم این اموزش رو نشون بدید