سلام و وقت بخیر خدمت کاربران محترم شرکت ایرانی طرح
قبل از معرفی روش های رفع خطا بهتر است بدانیم Inline small چیست و قراره چه کاری انجام دهد . در صورت استفاده از روش های مختلف کدنویسی html و css در حالت کلی از سه روش برای استفاده از این کدها انتخاب میکنیم:
Inline: در این روش کدها بصورت درون خطی نوشته شده است و داخل HTML قرار گرفته اند.
Internal: در این روش کدها در فایل های جداگانه با فرمت css. قرار گرفته شده اند که بعد از فراخوانی لود میشوند.
External : در این روش کدها در یک منبع خارجی جدا از دامنه و هاست ما قرار گرفته اند و فقط ما از این منابع لود میکنیم.
روش های گفته شده بالا هر کدام مزایا و معایب خاص خود را دارد از طرف دیگر سند html اولویت بندی برای هر کدام خواهد داشت.
رفع خطای Inline small CSS and JavaScript
به عنوان مثال فایلی در داخل صفحات سایت به عنوان style.css فراخوانی میشود که کلاس های خاص برای نمایش نوعی محتوا قرار داده شده است:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<html> <head> <link rel="stylesheet" href="iranitarh.com/css/style.css"> </head> <body> <div class="iranitarh-box error"> Hello, world! </div> </body> </html> |
فایل style.css که در خط سوم قرار داده شده است با محتوای زیر قرار دارد :
|
1 2 |
.iranitarh-box {padding:20px 24px;} .error {background-color:red;} |
یکی فایل با مقدار کدنویسی باعث میشود که فقط درخواست http اضافه روی سرور یا سرور خارجی ایجاد کند . بهتر است اینگونه فایل هایی که اضافه هستند و حجم زیادی ندارند در فایل های استایل ادغام کنید. یا اینکه در داخل خود بخشی را که به نمایش محتوا اختصاص میدهد با قرار دادن بین تگ <style> از آن استفاده کرده که به شکل زیر استفاده میشود.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<html> <head> <style> .iranitarh-box {padding:20px 24px;} .error {background-color:red;} </style> </head> <body> <div class="iranitarh-box error"> Hello, world! </div> </body> </html> |
بعد از اضافه کردن کد بالا خطای Inline small CSS and JavaScript در GTmetrix برطرف شده و بخاطر کاهش تعداد درخواست http و قرار دادن کدها در مسیر ، بهتر است سرعت لود سایت را افزایش دهید. برای فایل های JS نیز همین اتفاق خواهد افتاد که بهتر است به جای لود سایت از سورس خارجی از ترکیب فایل های JS خود در سایت یا قرار دادن در جایی که نیاز به استفاده از آنرا دارید مشکل را برطرف کنید.
