اسکریپت‌ها

ویترو بلاگ کد JavaScript را برای TypeScript یا ماژول‌ها پیش‌پردازش نمی‌کند؛ بنابراین JavaScript قابل‌اجرای مستقیم در مرورگر بنویسید. فایل‌ها را در پوشهٔ /assets بسازید و در قالب پیوند دهید:

<script src="{{ 'script.js' | asset_url }}"></script>

برای اسکریپت‌های غیرضروری از async استفاده کنید:

<script src="{{ 'non-essential.js' | asset_url }}"></script>

اگر امکان دارد، JavaScript را درون صفحه بنویسید تا درخواست HTTP اضافه‌ای ایجاد نشود:

<script>
	// کد جاوااسکریپت
</script>

سازگاری با Flashload

Flashload هنگام جابه‌جایی صفحه بارگیری کامل مرورگر را متوقف می‌کند و فقط تگ <body> را جایگزین می‌کند:

• CSS داخل <head> فقط یک بار بارگیری می‌شود؛ به همین دلیل استایل‌ها در یک فایل styles.css قرار دارند.
• اسکریپت‌های <head> فقط هنگام بارگیری نخست اجرا می‌شوند.
• اسکریپت‌های <body> در هر جابه‌جایی بارگیری و اجرا می‌شوند، مگر آنکه ویژگی data-flashload-skip-script داشته باشند.