بااجازه دوستمون
این سایت خوب توضیح داده این مورد رو
https://mizfa.com/blog/inline-small-css-and-javascript/
CSS و جاوا اسکریپت های کوتاه رو GTmetrix پیشنهاد میکنه تو خود HTML بذارید.
کجای قالب هم CSS رو که باید داخل تگ head و داخل تگی جدا با عنوان style بذارید.
جاوا اسکریپت هم باید داخل تگی با عنوان script بذارید با این تفاوت که مثل CSS محدودیت قرار دادن داخل تگ head رو ندارید و می تونید جا های دیگه هم بذارید.محدودیت CSS هم که گفتم جهت معتبر (validate) بودن از نظر استاندارد های W3 هستش که می تونید تو این لینک تست کنید: https://validator.w3.org
بهتره که جاوا اسکریپت رو معمولاً در پایین ترین جای ممکن صفحه بذارید تا بعد از لود شدن کل صفحه جاوا اسکریپت اجرا بشه چون اگه قبل از لود المان های گرافیکی صفحه جاوا اسکریپت بخواد لود بشه کاربر بیشتر باید تو صفحه سفید و بدون المان های گرافیکی منتظر اجرای جاوا اسکریپت ها بمونه.
بهترین مکان برای جاوا اسکریپت به نظر من قبل از بسته شدن تگ body هستش که اگر وردپرس دارید در فایل footer.php هستش.
خواستم نمونه کد HTML برای هر دو توضیحی که دادم بذارم اما cloudflare انجمن کد مخرب شناسایی کرده (!!) و نذاشت ارسال کنم برای همین تو سایت زیر اشتراک گذاشتم ولی یه بدی داره کد هاش یه هفته تاریخ انقضاء داره:
https://paste.ofcode.org/y4CG9segG8Jsb6ixjKHyVL
ویرایش توسط AtrafNet : August 11th, 2017 در ساعت 21:28
در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)