این نوشته در ادامه‌ی مطلب قبلی نوشته شده‌است.

در ادامه‌ی نوشته‌ی قبلی، قصد دارم نکات بیشتری به این راهنما اضافه کنم. دوستان عزیز هم به بنده لطف‌داشتند و در کامنت‌ها نکات جدیدی را معرفی کردند. در ادامه با نکات بیشتری در ارتباط با سازگاری سایت‌ها با مرورگر Google Chrome آشنا می‌شوید. این نکات برای مربوط به ‌همه‌ی مرورگرهایی که از webkit استفاده می‌کنند، مفید است.

1. توضیحی برای فایل‌های htaccess:

بعضی از دوستان در کامنت‌ها گفته‌بودند که فایل‌های htaccess که هیچ ارتباطی به مرورگر ندارند و تحت سرور اجرا می‌شوند؛ پس چگونه نیاز هست تا آن‌ها را با این مرورگر سازگار کنیم؟ من در جواب عرض می‌کنم که  فایل‌های htaccess همیشه برای کمک به اجرای سایر فایل‌ها در دایرکتوری‌ای که فایل درآن جاری است، استفاده می‌شوند و تحت سرور هم اجرا می‌شوند. یعنی این فایل‌ها درخواست‌ها یا requests را از فایلی در یک دایرکتوری مشخص دریافت می‌کنند. اما در شرایطی که این request از طرف فایل‌های css باشد و این فایل در هنگام اجرا دچار مشکل شود، آن‌وقت مرورگر chrome در اجرای کل فایل Style دچار ناتوانی می‌شود. البته مطمئن باشید که این مشکل در نسخه‌های بعدی chrome تصحیح خواهد شد. پس ایراد از خود فایل‌های htaccess نیست، در واقع اثر آن‌ها باعث مشکل می‌شود.

2. توضیحی برای docType:

همان‌طور که یکی از دوستان در کامنت‌ها ذکر کرد، تگ HTML را همراه با docType تعریف می‌کنند؛ که البته حرف ایشان کاملا صحیح‌است. برای نمایش بهتر صفحات در chrome به نمونه‌ی زیر توجه کنید:

<html xmlns=”http://www.w3.org/1999/xhtml”  dir=”rtl” lang=”fa”>

در مثال فوق هم نوع html (که xmlns است) و هم جهت نوشتاری (که RTL می‌باشد) و هم زبان صفحه مشخص شده‌است. همان‌طور که می‌دانید زبان را با دو کاراکتر مثلا به صورت fa برای فارسی نشان می‌دهند.

3. استایل‌های معتبر و سالم بنویسید:

نشان CSS معتبر

نشان CSS معتبر

همان‌طور که می‌دانید یکی از مهم‌ترین اصول نمایشی یک وب‌سایت، داشتن استایل های css است. با وجود این دسته از استایل‌ها، وب‌سایت‌ها جلوه‌ی خاصی پیدا می‌کنند و از لحاظ نمایشی در بهترین حالت قرار می‌گیرند. حال فرض کنید که css یک سایت دچار مشکل شود و از اعتبار خارج شود، آن‌وقت تمام سایت یا بخشی از آن شکسته می‌شود یا در نمایش آن اشکلاتی رخ می‌دهد. پس همیشه سعی کنید استایل‌های سایت‌تان معتبر باشد. برای بررسی اعتبار این استایل‌ها می‌توانید از این‌سایت کمک بگیرید. سایت مذکور، آدرس css سایت شما را دریافت می‌کند و طی یک پردازش تمامی آن‌را بررسی می‌کند و اگر معتبر بود، به شما اعلام می‌کند. در صورتی که css معتبر نباشد، تمامی ایرادها و اشکالات آن‌را به شما معرفی می‌کند تا شما برطرف کنید. با سالم بودن این فایل‌ها، وب‌سایت شما دچار مشکل نمایشی در webkit نمی‌شود.

4. از فضای خالی به ندرت استفاده کنید:

در فایل‌های جاوااسکریپت که تحت کلاینت اجرا می‌گردند، تا حد امکان از space های اضافی، بکاهید. این space ها در webkit ایجاد مشکل می‌کنند. شاید بپرسید چرا این‌گونه است؟ به این‌دلیل که chrome فایل‌های جاوااسکریپت را بسیار سریع اجرا می‌کند. شاید دو برابر سرعت اجرای همان فایل‌ها در سایر مرورگرها.  در چنین حالتی، وجود space های اضافی (حتی به مقدار خیلی کم) روند اجرای فایل‌های js را طولانی می‌کند. به نمونه زیر توجه کنید:

'/v-css/2573940223-comment_bundle.css';
new Image().src = "/img/sides_body.png";

در مثال بالا از هرگونه space اضافی صرف نظر شده‌است. این‌کار اجرای فایل js را سریع‌تر می‌کند و سرعت کلی سایت شما را بهبود می‌بخشد.

نکات بالا، نکاتی بود که من طی استفاده از این مرورگر فهمیدم. از دوستان درخواست دارم اگر ایرادی در نکات دیدند، به من گزارش کنند.