افزایش سرعت صفحه به صورت تخصصی ؟

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

خیلی چیزا اموختم از این مطالعه های خودم خدارو شکر . مشکلم سره دو تا چیزه الان در این زمینه :

css dtyle :
بهتره css به صفحه attch بشه ؟
بهتره css به صورت inline در صفحه ها استفاده بشه ؟
بهتره css داخل تگ <style> در صفحه html پیاده سازی بشه ؟

کدوم بهترین گزینست ؟
یکی میگه اگه attach نشه دیگه browser عملیات caching ؤو نمیتونه رو صفحه پیاده کنه - بهتره که attach بشه فایل های css .
یکی میگه با attach کردن http رو درگیر میکنیم و یک رکوئست اضافه باید سمت سرور بفرستیم تا داده های css بارگذاری بشن ( نظر خودم :) ) .

رفتم گوگل و یک چیزی سرچ کردم - بعد sourse صفحه گوگل رو باز کردم - دیدم داره از روش 3 استفاده میکنه - تمام فایل های css رو برده تو تگ style و جالبتر از همه اینه که تگ style رو در انتهای صفحه (قبل بسته شدن body ) به کار برده .

این اتفاق برای فایل های js چجوری ؟ تو گوگل برخلاف تمام نظریا js در فایل head به کار رفته - همه جا میگن js رو انتهای صفحه اضاف کنید ؟

با دلیل منظقی و سند کسی میتونه لطف کنه توضیح بده - ممنون از تمام دوستان

سلام .
روش اول گزینه مناسب تری هست .روش دوم و سوم . طبق استاندارد w3 پیشنهاد نمیشه.

نقل قول:

---

نوشته اصلی توسط webkam

سلام .
روش اول گزینه مناسب تری هست .روش دوم و سوم . طبق استاندارد w3 پیشنهاد نمیشه.

---

بله کاملا درسته . ممنون بابت پاسختون .
گوگل یک شرکتی هست که در w3 عضو اصلی محصوب میشه و اگر اشتباه نکنم apple google microsoft و ..... این جامعه ( w3 ) رو راه اندازی کردند ( یه جایی یک مطلبی در این زمینه خونده بودم سندی ندارم )
چرا گوگل که یک وبسایت بزرگ هست از w3 جا زده ؟ چرا این قانون تو صفحش رعایت نشده ؟ برام این جای شک هست