minify کردن فایل های css با php


 1395/9/23   2525

خلاصه توضیحات : یکی از مسایلی که برای SEO سئو وبسایت شما اهمیت داره , سرعت بارگزاری یا Load Speed سایت شما می باشد. گاهی وقتا شاید برای شما هم پیش آمده باشد که سایتتون رو در gtmetrix تست کرده باشین و به شما نتیجه ای که نشان میده اینه که باید فایل های CSS و JS تون رو minify یا همون min کنید (فشرده سازی فایل برای کاهش حجم) ...



یکی از مسایلی که برای SEO سئو وبسایت شما اهمیت داره , سرعت بارگزاری یا Load Speed سایت شما می باشد. گاهی وقتا شاید برای شما هم پیش آمده باشد که سایتتون رو در gtmetrix تست کرده باشین و به شما نتیجه ای که نشان میده اینه که باید فایل های CSS و JS تون رو minify یا همون min کنید (فشرده سازی فایل برای کاهش حجم).

فشرده سازی فایل های CSS و JS مزیت هایی داره :
  • سریع تر خونده شدن کد ها
  • سریع تر شدن سایت شما
  • بهینه تر شدن برای موتور های جستجو

میخوایم کدی رو به شما نشون بدیم که توسط اون شما فایل های css , js خودتون رو باهاش minify لحظه ای میکنید , زبرا minify کردن ممکنه باعث بشه شما در آینده نتونین کد های css , js تون رو دیگه ویرایش کنید چون وقتی فایل ها minify میشن دیگه تقریبا غیرقابل خوندن توسط انسان میشن.برای همین ما روشی داریم که با استفاده از اون دیگه فایل ها رو minify and save نمی کنیم بلکه minify in temp یعنی فشرده سازی موقت میکنیم به شکل زیر :
 
header('Content-type: text/css');
ob_start("compress");

    function compress( $minify )
    {
	/* remove comments */
    	$minify = preg_replace( '!/*[^*]**+([^/][^*]**+)*/!', '', $minify );

        /* remove tabs, spaces, newlines, etc. */
    	$minify = str_replace( array("rn", "r", "n", "t", '  ', '    ', '    '), '', $minify );

        return $minify;
    }

    /* css files for combining */
    include('reset.css');
    include('application.css');
    include('responsive.css');

ob_end_flush();

همانطور که مشاهده میکنین در کد بالا ما 3 فایل css رو در آخر include کردیم , که باعث میشه تمام فایل های ما یکجا با هم ترکیب بشند و در یک کتغیر به صورت رشته ای فشرده شده ریخته بشن, در آخر هم برای استفاده از فایل های css تون فقط کافیه تکه کد بالا رو در یک فایل .php ذخیره کنید و مثلا نام آن را "minified.css.php" قرار دهید.
و در head صفحه سایتتون از تگ زیر استفاده کنید . به همین راحتی !

 
(link href="assets/css/minified.css.php" rel="stylesheet")
در تگ بالا به جای علامت های )( از <> استفاده کنید


اشتراک مطلب در :     |     |     |  

کلمات کلیدی : minify css php ,minify css with php ,minify کردن فایل css با php ,کم کردن حجم فایل css ,فشرده سازی css ها ,فشرده سازی با php ,compress with php ,

ارسال دیدگاه

  
اولین دیدگاه را وارد کنید