کدهای CSS وظیفه استایل دهی به کدهای HTML را برعهده دارد که در اکثر قالب ها معمولا همه دستورات در یک فایل یا چندین فایل قرار می گیرند و این کدها برای تمامی صفحات و لینک ها اعمال می شوند. اما گاهی اوقات ممکن است یک قالب HTML یا قالبی خاص را بخواهید استفاده کنید و کدهای CSS آن قالب بسیار زیاد باشد و شاید 90 درصد استایل ها مورد نیاز نباشند و این کدهای اضافه باعث افزایش حجم صفحات و کاهش سرعت لودینگ صفحه شما می شود بنابراین با حذف دستوراتی که در سایت لود نمی شود می توانیم فایل CSS را کم حجم کرده و تنها دستوراتی را نگه داریم که واقعا داخل سایت استفاده می شوند.
ابزاری که در این تاپیک از انجمن بی تاک قصد داریم به شما معرفی کنیم، می تواند لینکی که وارد می کنید را آنالیز کرده و تمامی فایل های CSS که در این لینک اجرا می شوند را بررسی کند و سپس کدهایی که داخل آن صفحه اجرا می شوند را از این فایل ها شناسایی کند. با این کار حجم زیادی از کدهای اضافه CSS را می توانید شناسایی کنید.
برای شروع وارد لینک زیر شوید:
https://purifycss.online/
سپس مطابق تصویر زیر آدرس صفحه موردنظرتان را وارد کنید و روی کلید آبی رنگ Clean Up CSS کلیک کنید.
اندکی صبر کنید تا تمامی فایل های استایل شناسایی شوند و کدهای بلااستفاده را شناسایی کند:
مطابق تصویر بالا می توانید ببینید که چه میزان از کدهای فایل استایل صفحه موردنظرتان اجرا می شوند و چند درصد از آن بلااستفاده است.
اگر روی کلید download combined, purified & minified CSS کلیک کنید، تمامی کدهای CSS که داخل آن صفحه اجرا شده اند را می توانید دانلود کنید.
یا اینکه تک تک مقابل نام فایل ها روی کلید show clean css code کلیک کنید تا کدهایی که از آن فایل داخل سایت اجرا شده اند برایتان نمایش داده شود.
از این روش برای قالب های HTML یا تک صفحه ای می توان استفاده کرد. به هیچ وجه صفحه اصلی سایتتان را با این روش اسکن نکنید و کدهای CSS قالب را دستکاری نکنید چرا که اینکار باعث عدم اجرای صحیح سایت در سایر صفحات فرعی خواهد شد.
