حذف فونت های گوگل؛ 4 روش کاربردی و سریع برای غیرفعال کردن فونت های گوگل

استفاده از فونت های گوگل سرعت سایت شما را کند می کند مخصوصا با سرعت پایین اینترنت این روزها سرعت سایت و پیشخوان وردپرس شما را کند می کند.

فونت گوگل چیست؟

سرویس Google font API یک راه حل عالی، سریع و قابل اعتماد برای استفاده از فونت های مدرن و به روز طراحی شده توسط گوگل است و توسعه دهندگان را قادر می سازد تا فونت های مورد علاقه خود را در کمترین زمان ممکن به پروژه اضافه کنند.

متأسفانه در حال حاضر استفاده از Google Fonts API چندان منطقی نیست و نتیجه خوبی ندارد، زیرا درخواست های اینترنتی به سرورهای این سرویس (Google Fonts API) یا به طور کامل مسدود شده و بارگذاری نمی شود یا در مدت زمان طولانی آنها بسیار بارگذاری می شوند که می تواند سرعت سایت شما را کاهش دهد.

در تصویر زیر مشاهده می کنید که درخواست فونت به این وب سرویس حدود 8 ثانیه طول کشید که زمان زیادی برای بارگذاری یک فونت است و بارگذاری کامل صفحه به 15 ثانیه افزایش یافت که اصلا جالب نیست! و این اتلاف وقت است…

آدرس این فونت به شرح زیر است:

این فونت گوگل در واقع یک فایل CSS است که از سرورهای این وب سرویس در سایت شما آپلود می شود.

توجه: برای یافتن درخواست های اینترنتی که به طور کامل در سایت شما بارگذاری نشده اند یا لغو شده اند، به اصطلاح 404 یا ناموفق هستند، باید مراحل زیر را دنبال کنید:

1. یک برگه مرورگر باز کنید و آدرس وب سایت را وارد کنید (ترجیحاً با مرورگر Google Chrome)
2. با استفاده از کلید F12 روی صفحه کلید خود به تب Developer Tools مرورگر خود دسترسی پیدا کنید
3. به تب Network بروید
4. حالت query را روی ALL قرار دهید
5. صفحه را دوباره بازخوانی کنید (Ctrl + F5)
6. اکنون می توانید لیست کاملی از تمام درخواست های HTTP در آن سایت داشته باشید

معمولا درخواست های ناموفق با کد 404 و با رنگ قرمز مشخص می شوند (درخواست های موفق با کد 200 مشاهده می شوند)

در تصویر بالا می توانید قسمت جلویی یک سایت وردپرسی را ببینید که سرعت بارگذاری بسیار پایینی با 3 درخواست CSS (فونت گوگل) دارد! البته اگر این سایت را با فیلترشکن و هر تغییر آی پی چک کنید، مشکلی در سرعت آن احساس نمی کنید، بنابراین لازم است فونت گوگل را حذف کنید.

فونت های گوگل را از داشبورد وردپرس حذف کنید

متأسفانه فونت های گوگل نیز در ادمین وردپرس بارگذاری می شوند و برخی از افزونه های وردپرس مانند صفحه ساز Elementor و افزونه Digits این فونت ها را در مدیریت وردپرس می نامند که می تواند سرعت بارگذاری سایت شما را کاهش دهد. برای حذف FontGoogle از داشبورد وردپرس، ما 4 روش را به شما ارائه می دهیم:

1. افزونه را حذف یا غیر فعال کنید
2. استفاده از کد پی اچ پی برای حذف سبک های فونت گوگل
3. استفاده از افزونه فارسی ادمین فونت
4. استفاده از فیلتر شکن

1- افزونه را حذف یا غیر فعال کنید

این مورد توضیح زیادی ندارد و فقط باید افزونه ای را که به نام فونت های گوگل نامیده شده است را در پیشخوان خود پیدا کنید و آن را غیرفعال کنید و با افزونه دیگری جایگزین کنید که البته جایگزین افزونه مناسبی مانند المنتور ندارد. ! بنابراین این مورد نمی تواند آنقدر موثر باشد.

برای حذف یا افزونه های وردپرس را غیرفعال کنید کافی است به قسمت افزونه ها در منوی وردپرس بروید و افزونه را انتخاب و غیرفعال کنید.

2- استفاده از کد PHP برای حذف فونت های گوگل

برای افزودن کدهای PHP اضافی ابتدا به یک ابزار فوق حرفه ای نیاز دارید تا به راحتی و بسیار زیبا و تمیز کدهای PHP خود را به سایت اضافه کنید، این ابزار چیزی نیست جز افزونه Code Snippets:

برای افزودن کدهای PHP اضافی می توانید از افزونه Code Snippets استفاده کنید که یک افزونه رایگان است. کافیست به مخزن وردپرس بروید و افزونه را نصب و فعال کنید یا افزونه را از لینک زیر دانلود کنید:

لینک دانلود افزونه Code Snippets

پس از نصب و فعال سازی افزونه Good Code Snippet، به منوی اضافه شده (Snippets) رفته و یک قطعه جدید (Add New) اضافه کنید:

اکنون در محتوای قطعه می توانید کد PHP خود را برای آزمایش عملکرد اضافه کنید، این کد را اضافه کنید تا مطمئن شوید همه چیز به درستی کار می کند:

if(!function_exists('wooslider_test')){

function wooslider_test(){
	
	if(is_admin()){
		
		echo '<script> alert("خوش آمدید"); </script>';
		
	}
}
}
add_action('init', 'wooslider_test');

پس از ذخیره و فعال سازی کد مورد نظر (Activate)، هر بار که صفحه ای را در ادمین وردپرس بارگذاری می کنید، پیام خوش آمدگویی را مشاهده می کنید که به این معنی است که همه چیز به درستی کار می کند!

حالا نوبت به اضافه کردن کد حذف یکی از فایل های CSS (فونت های گوگل) اضافه شده توسط افزونه شمارنده Elementor است!

ابتدا قطعه را نامگذاری کنید remove_admin_gfonts آن را تغییر می دهیم تا در آینده به یاد بیاوریم که این قطعه کد PHP چه وظیفه ای دارد و هر زمان که خواستیم آن را پیدا و غیرفعال کنیم.

پس از تغییر نام قطعه، کدهای PHP جدید خود را جایگزین می کنیم (مانند تصویر زیر):

توجه: برای کپی کد PHP از لینک زیر استفاده کنید:

if(!function_exists('mdz_remove_admin_gfonts')){

function mdz_remove_admin_gfonts(){
	
	wp_deregister_style('elementor-admin-top-bar-fonts');
	wp_dequeue_style('elementor-admin-top-bar-fonts');
	
}
}
add_action('admin_enqueue_scripts', 'mdz_remove_admin_gfonts', 999);

این قسمت از کد در فایل CSS با id اضافه می شود عنصر-admin-top-bar-fonts آن را از قسمت مدیریت وردپرس می یابد و حذف می کند، آن را از صف حذف می کند و از 2 عملکرد داخلی وردپرس و یک عمل استفاده می کند. admin_enqueue_scripts وردپرس استفاده می کند

شاید برایتان سوال پیش آمده باشد که چگونه شناسه فایل CSS فونت گوگل را به دست آوردیم؟! باید بگوییم با استفاده از ابزار ابزارهای توسعه دهنده و با بررسی تمامی درخواست های سایت و سپس استفاده از گزینه view page source (CTRL + U) می توانید ID فایل CSS را مطابق تصویر زیر دریافت کنید:

توجه: باید آخرین قسمت شناسه CSS را حذف کنید، به عنوان مثال باید عنصر-admin-top-bar-fonts-css را به elementor-admin-top-bar-fonts تغییر دهید که عبارت (css-) را از آن حذف کرده ایم. پایان آن

پس از ذخیره و فعال سازی این قطعه کد PHP، باید درخواست های سایت خود را دوباره بررسی کنید و اگر هیچ درخواست 404 یا Failed را مشاهده نکردید، همه چیز خوب است!

توجه: اگر سایتی کلیک راست را بسته است، می توانید عبارت زیر را قبل از آدرس دامنه آن اضافه کنید تا بتوانید کد HTML منبع صفحه را ببینید:

:به منبع مراجعه کنید

درست مانند تصویر زیر:

توجه: برای مشاهده کد منبع HTML یک سایت، می توانید از میانبر صفحه کلید Control + U (CTRL + U) نیز استفاده کنید.

3- استفاده از افزونه Google Font Remover

اگر ممکن است کدنویسی برای شما کمی پیچیده باشد، می توانید از یک افزونه برای حذف فونت های گوگل استفاده کنید. برای حذف فونت های گوگل در مدیریت وردپرس، تنها یک افزونه وجود دارد که اخیرا این گزینه را اضافه کرده است.

افزونه Persian Adminin Fonts یک افزونه ایرانی است که می تواند فونت های سایت شما را برای شما مدیریت کند. این افزونه رایگان دارای ویژگی های زیر است:

لینک مستقیم دانلود افزونه

پس از نصب و فعال سازی وارد تنظیمات افزونه شوید و به قسمت بروید فونت های گوگل من دارم میروم:

هر 3 گزینه موجود را فعال کنید و روی دکمه Save Settings کلیک کنید. حذف فونت گوگل با استفاده از این افزونه امکان پذیر است.

پس از ذخیره تنظیمات افزونه، به طور خودکار منبع صفحه را اسکن می کند و تمام درخواست های CSS فونت Google را بررسی می کند و آنها را در پایگاه داده شما ذخیره می کند تا در بارگذاری صفحه بعدی آن درخواست ها حذف شود! خیلی ساده

نکته: اگر از افزونه Elementor استفاده نمی کنید، گزینه اول را تیک نزنید.

نکته: برای حذف درخواست فونت گوگل از وب سایت خود، می توانید از 2 افزونه دیگر نیز استفاده کنید.

غیرفعال کردن و حذف فونت های گوگل (رایگان)

افزونه بهینه سازی Dragonizer (رایگان نیست)

پلاگین Dragonizer این یک افزونه جدید و کاملا ایرانی است که می تواند فرانت اند و ادمین سایت شما را به صورت بسیار سبک و بهینه کدنویسی کند. این افزونه عالی همچنین دارای یک سیستم کش اختصاصی است و می تواند در آینده جایگزین پلاگین های قدرتمندی مانند Cache Rocket و دیگر افزونه های بهینه سازی شود.

افزونه Dragonizer را بررسی و دانلود کنید

4- استفاده از فیلتر شکن

شما می توانید با نصب مرورگر قدرتمند فایرفاکس (موزیلا فایرفاکس) وارد ادمین وردپرس خود شوید و یک افزونه ضد فیلتر مانند Windscrib اضافه کنید و سایت خود را بدون معطلی یا اتلاف وقت مدیریت کنید.

امیدوارم این مقاله برای شما مفید باشد. اگر در مورد حذف فونت های گوگل سوالی دارید، لطفا در قسمت نظرات با ما تماس بگیرید.