🌟50 درصد تخفیف ویژه برای حمایت از کسبوکارها، روی تمام محصولات اعمال شده است🌟
🌟50 درصد تخفیف ویژه برای حمایت از کسبوکارها، روی تمام محصولات اعمال شده است🌟
اگر هنگام بررسی سرعت سایت وردپرسی خود در مرورگر، PageSpeed، GTmetrix یا ابزار Network با آدرسهایی مثل fonts.googleapis.com و fonts.gstatic.com روبهرو شدهاید، احتمالاً سایت شما در حال لود کردن فونتهای گوگل است. این موضوع در بسیاری از سایتها مشکل بزرگی ایجاد نمیکند، اما برای کاربران داخل ایران میتواند یکی از دلایل کندی سایت، کند شدن پیشخوان وردپرس، تأخیر در باز شدن صفحات و حتی سنگین شدن صفحه ورود وردپرس باشد.
در این آموزش از تم فارس دقیقاً بررسی میکنیم فونت گوگل چیست، چرا در وردپرس لود میشود، از کدام بخشها وارد سایت میشود و چطور میتوانید با چند روش ساده آن را حذف کنید. در پایان هم دو راهکار عملی دارید: استفاده از کد در وردپرس یا نصب افزونه آماده حذف فونت گوگل.
Google Fonts مجموعهای از فونتهای رایگان است که بسیاری از قالبها، افزونهها و صفحهسازها برای زیباتر شدن ظاهر سایت از آن استفاده میکنند. وقتی یک قالب وردپرس یا افزونه وردپرس از Google Fonts استفاده کند، مرورگر کاربر ابتدا یک فایل CSS را از دامنه fonts.googleapis.com دریافت میکند و سپس فایلهای واقعی فونت، معمولاً با فرمتهایی مثل WOFF2، از دامنه fonts.gstatic.com لود میشوند.
این فونتها معمولاً برای نمایش بهتر عنوانها، متنها، دکمهها، پنل تنظیمات، صفحهسازها یا بخشهای گرافیکی سایت استفاده میشوند. برای مثال ممکن است یک قالب وردپرس خارجی از فونتهایی مثل Roboto، Open Sans، Lato یا Montserrat استفاده کند. مشکل از جایی شروع میشود که این درخواستها برای سایت فارسی ضروری نیستند، اما همچنان در هر بار باز شدن سایت یا پیشخوان ارسال میشوند.
برای بسیاری از سایتهای فارسی، مخصوصاً سایتهایی که از قالب راستچین، فونت فارسی، قالب فروشگاهی ووکامرس یا قالب المنتوری استفاده میکنند، فونت گوگل معمولاً ارزش زیادی به تجربه کاربری اضافه نمیکند. در عوض، اگر اتصال به سرورهای گوگل کند یا محدود باشد، همین درخواست اضافی میتواند سرعت سایت را پایین بیاورد.
در حالت عادی، هر درخواست خارجی که مرورگر برای نمایش یک صفحه ارسال میکند، باید به یک سرور خارج از سایت شما متصل شود. اگر آن سرور سریع، پایدار و در دسترس باشد، مشکل زیادی ایجاد نمیشود. اما وقتی سایت وردپرسی شما برای نمایش فونت به دامنههایی مثل fonts.googleapis.com یا fonts.gstatic.com وابسته باشد، سرعت لود صفحه به وضعیت اتصال کاربر به سرویسهای گوگل هم وابسته میشود.
در ایران، گاهی دسترسی به سرویسهای خارجی کند، ناپایدار یا محدود است. به همین دلیل ممکن است مرورگر برای دریافت فونت منتظر بماند و همین انتظار باعث شود کاربر احساس کند سایت دیر باز میشود. این مشکل فقط در ظاهر سایت نیست؛ گاهی در wp-admin یا همان پیشخوان وردپرس هم دیده میشود. مدیر سایت وارد پنل میشود، اما صفحه تنظیمات قالب، صفحه افزونه، داشبورد، المنتور یا بخش سفارشهای ووکامرس با تأخیر باز میشود.
به همین دلیل عبارتهایی مثل کندی پیشخوان وردپرس با fonts.googleapis.com، رفع کندی wp-admin، حذف fonts.gstatic.com از وردپرس و غیرفعال کردن Google Fonts در وردپرس برای بسیاری از مدیران سایتهای ایرانی به یک نیاز واقعی تبدیل شده است.
قبل از اینکه چیزی را حذف کنید، بهتر است مطمئن شوید مشکل واقعاً از Google Fonts است. بعضی سایتها فونت گوگل لود نمیکنند و کندی آنها از هاست، افزونههای سنگین، تصاویر، کش نامناسب، درخواستهای Ajax یا فایلهای JavaScript است. بنابراین اول باید مسیر دقیق درخواستها را بررسی کنید.
سادهترین روش این است که سایت را در مرورگر Chrome باز کنید، روی صفحه کلیک راست کنید و گزینه Inspect را بزنید. سپس وارد تب Network شوید و صفحه را یک بار Refresh کنید. حالا در قسمت جستجوی Network عبارتهای زیر را بررسی کنید:
اگر درخواستهایی با این آدرسها دیدید، یعنی سایت شما فونت گوگل را از سرورهای گوگل لود میکند. برای اینکه بفهمید این درخواست از کجا آمده، روی همان درخواست کلیک کنید و بخش Initiator را بررسی کنید. در بسیاری از مواقع مشخص میشود که درخواست از قالب، افزونه، فایل CSS، المنتور، پنل تنظیمات قالب یا یک افزونه خاص ارسال شده است.
اگر به فایلهای سایت دسترسی دارید، میتوانید داخل پوشههای قالب و افزونهها دنبال آدرسهای گوگل بگردید. عبارتهایی مثل fonts.googleapis.com، fonts.gstatic.com، Google Fonts و @import معمولاً نشانههای خوبی هستند.
در بسیاری از قالبهای وردپرس، این کدها داخل فایل functions.php، فایلهای CSS، تنظیمات تایپوگرافی یا فایلهای مربوط به پنل تنظیمات قالب قرار دارند. در افزونهها هم ممکن است داخل صفحه تنظیمات، فرمسازها، صفحهسازها، اسلایدرها یا افزونههای جانبی لود شوند.
یکی از اشتباهات رایج این است که فکر کنیم Google Fonts فقط در ظاهر سایت لود میشود. در عمل، فونت گوگل میتواند از چند مسیر مختلف وارد وردپرس شود و همین موضوع باعث میشود حذف آن همیشه با یک روش ساده انجام نشود.
رایجترین حالت، لود شدن فونت گوگل در صفحات عمومی سایت است؛ مثل صفحه اصلی، نوشتهها، برگهها، صفحه محصول ووکامرس، صفحه دستهبندی محصولات، لندینگها و صفحات ساختهشده با المنتور. در این حالت معمولاً قالب یا افزونه با تابعهای استاندارد وردپرس یک فایل CSS خارجی را به صفحه اضافه میکند.
اگر قالب شما خارجی باشد یا از تنظیمات تایپوگرافی پیشرفته استفاده کند، احتمال بیشتری وجود دارد که فونتهای گوگل بهصورت پیشفرض فعال باشند. در سایتهای فارسی بهتر است از قالبهایی استفاده شود که فونت فارسی، راستچین بودن، سازگاری با ووکامرس، سازگاری با المنتور و بهینهبودن سرعت را جدی گرفته باشند.
کندی پیشخوان وردپرس یکی از آزاردهندهترین مشکلات برای مدیران سایت است. گاهی خود صفحه اصلی سایت سرعت قابل قبولی دارد، اما وقتی وارد پیشخوان میشوید، صفحات تنظیمات قالب، افزونهها، فرمها، سفارشهای ووکامرس یا ویرایشگر المنتور دیر باز میشوند.
در نسخههای جدید وردپرس، هسته اصلی معمولاً وابسته به Google Fonts نیست، اما افزونهها و قالبها همچنان میتوانند در پنل مدیریت فونت گوگل لود کنند. برای مثال یک افزونه ممکن است برای ظاهر پنل تنظیمات خود از Roboto استفاده کند یا یک قالب در صفحه تنظیمات اختصاصی خود فونت خارجی اضافه کند. نتیجه این است که مدیر سایت هنگام کار با پنل مدیریت، منتظر لود شدن یک درخواست خارجی میماند.
صفحه ورود وردپرس یا wp-login.php هم میتواند فونت گوگل لود کند. این مورد بیشتر زمانی دیده میشود که از افزونههای تغییر ظاهر صفحه ورود، افزونههای امنیتی، افزونههای عضویت یا قالبهایی استفاده شده باشد که ظاهر صفحه لاگین را سفارشی میکنند.
اگر صفحه ورود شما دیر باز میشود یا در Network آدرس fonts.googleapis.com را میبینید، بهتر است این بخش را هم در زمان حذف فونت گوگل بررسی کنید.
المنتور، ووکامرس و پنل تنظیمات قالبها معمولاً فایلهای CSS و JavaScript زیادی لود میکنند. اگر تنظیمات تایپوگرافی قالب یا صفحهساز روی Google Fonts باشد، ممکن است در صفحه ویرایش المنتور، صفحه محصول، صفحه فروشگاه یا حتی تنظیمات قالب هم درخواست فونت خارجی دیده شود.
برای سایتهای فروشگاهی، این موضوع مهمتر است؛ چون مدیر فروشگاه روزانه با پیشخوان، سفارشها، محصولات، کوپنها و تنظیمات ووکامرس کار میکند. اگر هر بار بخشی از پنل منتظر یک درخواست خارجی بماند، تجربه مدیریت سایت خستهکننده میشود.
در بیشتر موارد، حذف Google Fonts باعث خراب شدن عملکرد سایت نمیشود. سایت همچنان باز میشود، فرمها کار میکنند، محصولات ووکامرس نمایش داده میشوند و صفحات المنتور از بین نمیروند. چیزی که ممکن است تغییر کند، ظاهر نوشتهها و تایپوگرافی سایت است.
اگر قالب شما فقط برای فونت انگلیسی از Google Fonts استفاده کرده باشد، بعد از حذف آن مرورگر از فونتهای جایگزین استفاده میکند. اما اگر ظاهر سایت برای شما مهم است، بهتر است بعد از حذف فونت گوگل یکی از این کارها را انجام دهید:
در سایتهای فارسی، معمولاً استفاده از فونت فارسی محلی بهتر از لود فونت خارجی است. این کار هم ظاهر متن فارسی را بهتر میکند، هم وابستگی به سرورهای خارجی را کاهش میدهد.
قبل از اضافه کردن کد یا نصب افزونه جدید، بهتر است تنظیمات قالب وردپرس و افزونههای اصلی سایت را بررسی کنید. بسیاری از قالبهای حرفهای بخشی به نام Typography، Fonts، Performance یا Optimization دارند. در این بخش ممکن است گزینهای برای غیرفعال کردن Google Fonts یا استفاده از فونت محلی وجود داشته باشد.
مسیر دقیق در هر قالب متفاوت است، اما معمولاً باید این بخشها را بررسی کنید:
اگر گزینهای برای Disable Google Fonts، Load Google Fonts، Local Fonts یا Typography پیدا کردید، ابتدا همان را تغییر دهید و سپس سایت را دوباره با Network بررسی کنید. این روش تمیزترین راه است؛ چون از خود تنظیمات قالب یا افزونه انجام میشود و نیاز به کدنویسی ندارد.
اگر قالب یا افزونه گزینهای برای غیرفعال کردن فونت گوگل ندارد، میتوانید از کد استفاده کنید. این روش برای کسانی مناسب است که با فایل functions.php، چایلد تم یا افزونه Code Snippets آشنا هستند.
نکته مهم: این کد را بهتر است در فایل functions.php قالب اصلی قرار ندهید، چون با آپدیت قالب ممکن است حذف شود. روش بهتر این است که از چایلد تم یا افزونه Code Snippets استفاده کنید.
کد زیر تلاش میکند استایلهایی را که از دامنههای fonts.googleapis.com و fonts.gstatic.com لود شدهاند، از صف لود وردپرس حذف کند. این کد فرانت سایت، پیشخوان، صفحه ورود و ویرایشگر بلوکی را پوشش میدهد:
/**
* حذف Google Fonts از وردپرس
* این کد درخواستهای fonts.googleapis.com و fonts.gstatic.com را
* از سایت، پیشخوان، صفحه ورود و ویرایشگر بلوکی حذف میکند.
*/
function themefars_remove_google_fonts_from_queue() {
if ( ! function_exists( 'wp_styles' ) ) {
return;
}
$wp_styles = wp_styles();
if ( empty( $wp_styles->queue ) ) {
return;
}
foreach ( $wp_styles->queue as $handle ) {
if ( empty( $wp_styles->registered[ $handle ]->src ) ) {
continue;
}
$src = $wp_styles->registered[ $handle ]->src;
if (
is_string( $src ) &&
(
false !== strpos( $src, 'fonts.googleapis.com' ) ||
false !== strpos( $src, 'fonts.gstatic.com' )
)
) {
wp_dequeue_style( $handle );
wp_deregister_style( $handle );
}
}
}
add_action( 'wp_enqueue_scripts', 'themefars_remove_google_fonts_from_queue', 9999 );
add_action( 'admin_enqueue_scripts', 'themefars_remove_google_fonts_from_queue', 9999 );
add_action( 'login_enqueue_scripts', 'themefars_remove_google_fonts_from_queue', 9999 );
add_action( 'enqueue_block_editor_assets', 'themefars_remove_google_fonts_from_queue', 9999 );
add_filter( 'style_loader_src', function ( $src, $handle ) {
if (
is_string( $src ) &&
(
false !== strpos( $src, 'fonts.googleapis.com' ) ||
false !== strpos( $src, 'fonts.gstatic.com' )
)
) {
return '';
}
return $src;
}, 9999, 2 );
بعد از اضافه کردن کد، کش سایت و کش مرورگر را پاک کنید. سپس صفحه اصلی سایت، پیشخوان وردپرس، صفحه ورود و چند صفحه مهم مثل صفحه محصول ووکامرس یا صفحات ساختهشده با المنتور را بررسی کنید.
اگر نمیخواهید در فایلهای قالب دست ببرید یا نگران اشتباه در کدنویسی هستید، سادهترین راه استفاده از افزونه آماده است. افزونه حذف گوگل فونت تم فارس برای همین هدف ساخته شده است: حذف درخواستهای Google Fonts از سایت، پیشخوان و صفحه ورود وردپرس. (جز افزایش سرعت سایت شما هیچ عملکردی در سایت شما نخواهد داشت که نگران نصب افزونه اضافی باشید)
این افزونه مخصوص سایتهایی مناسب است که با مشکل کندی به خاطر آدرسهای زیر روبهرو هستند:
برای استفاده از افزونه، کافی است فایل افزونه را دانلود کنید، وارد پیشخوان وردپرس شوید و از بخش افزونهها آن را نصب و فعال کنید. بعد از فعالسازی، افزونه بهصورت خودکار تلاش میکند درخواستهای مربوط به Google Fonts را از صف استایلهای وردپرس حذف کند.
پیشنهاد تم فارس: اگر کاربر مبتدی هستید یا سایت شما فروشگاهی، شرکتی یا آموزشی است و نمیخواهید با فایل functions.php کار کنید، نصب افزونه راه امنتر و سریعتری است. اگر طراح سایت هستید و چندین سایت وردپرسی مدیریت میکنید، این افزونه میتواند بخشی از چکلیست بهینهسازی اولیه شما بعد از نصب قالب، بسته آسان نصب، المنتور و ووکامرس باشد.
در صورت نیاز به اطلاعات بیشتر در مورد نصب، آموزش نصب افزونه وردپرس را ببینید.
با نصب این افزونه، درخواستهای Google Fonts از سایت، پیشخوان و صفحه ورود وردپرس حذف میشود.
بعد از غیرفعال کردن Google Fonts، فقط به فعال شدن کد یا افزونه اکتفا نکنید. بهتر است چند تست ساده انجام دهید تا مطمئن شوید مشکل واقعاً برطرف شده است.
اگر بعد از حذف فونت گوگل، ظاهر سایت تغییر زیادی کرد، به جای فعال کردن دوباره Google Fonts بهتر است یک فونت فارسی محلی انتخاب کنید یا از تنظیمات تایپوگرافی قالب استفاده کنید. در سایتهای فارسی، استفاده از فونت محلی معمولاً هم از نظر سرعت بهتر است و هم از نظر ظاهر متن فارسی نتیجه مناسبتری میدهد.
حذف فونت گوگل میتواند یکی از مشکلات سرعت سایت وردپرسی را برطرف کند، اما تنها عامل کندی نیست. اگر بعد از حذف Google Fonts هنوز سایت کند است، باید موارد دیگری را هم بررسی کنید.
اگر در حال راهاندازی سایت جدید هستید، بهتر است از ابتدا به انتخاب قالب وردپرس مناسب توجه کنید. قالبی که فارسیسازی استاندارد، راستچین حرفهای، سازگاری با ووکامرس، سازگاری با المنتور، آپدیت منظم، پشتیبانی و سرعت مناسب داشته باشد، در آینده هزینه کمتری برای بهینهسازی ایجاد میکند.
در سایتهای آماده وردپرس هم همین موضوع مهم است. اگر سایت آماده با قالب سنگین، فونتهای خارجی، اسکریپتهای زیاد و تنظیمات نامناسب تحویل داده شود، حتی قبل از شروع تولید محتوا یا فروش محصول هم ممکن است با کندی روبهرو شوید. به همین دلیل در تم فارس هنگام انتخاب قالب، افزونه یا سایت آماده وردپرس، سرعت و سازگاری با نیاز کاربران فارسی اهمیت زیادی دارد.
فونت گوگل برای زیبایی سایت استفاده میشود، اما برای عملکرد اصلی وردپرس ضروری نیست. اگر سایت شما در ایران با کندی روبهرو است و در ابزار Network آدرسهایی مثل fonts.googleapis.com یا fonts.gstatic.com میبینید، حذف Google Fonts میتواند یکی از سریعترین راهکارها برای سبکتر شدن سایت و پیشخوان باشد.
بهترین مسیر این است که ابتدا منبع لود فونت را پیدا کنید. اگر قالب یا افزونه گزینه غیرفعالسازی دارد، از همان تنظیمات استفاده کنید. اگر چنین گزینهای وجود ندارد، میتوانید کد حذف فونت گوگل را در چایلد تم یا Code Snippets قرار دهید. اگر هم دنبال راه سادهتر هستید، افزونه حذف گوگل فونت تم فارس را نصب کنید تا بدون درگیری با کدنویسی، درخواستهای Google Fonts از وردپرس حذف شوند.
بعد از انجام این کار، سایت، پیشخوان، صفحه ورود، المنتور و ووکامرس را تست کنید. اگر درخواستهای Google Fonts حذف شده باشند و ظاهر سایت هم مشکلی نداشته باشد، یک وابستگی خارجی غیرضروری را از وردپرس کم کردهاید؛ کاری ساده، اما بسیار مفید برای سایتهای فارسی و کاربران داخل ایران.
از خوندن مقاله حذف فونت گوگل از وردپرس؛ رفع کندی سایت و پیشخوان در ایران لذت بردم.