چرا سورس html سایتهای بزرگ مثل فیس بوک و گوگل و ... اینطوریه !

[alasht]

سلام
تا حالا به سورس html سایتای بزرگی مثل فیس بوک و گوگل و ... نگاه کردین ؟
کد html نمیشه توش پیدا کرد اکثرا کد javascript هست و هیچ نظمی توی کدهاشون نیست
مخصوصا وقتی با فایرباگ چک میکنی اسم کلاسها چیزای عجیب غریبه که هیچ معنی ندارن اکثرشون
چرا اینطورین و آیا سبک خاصی هست این روش کد نویسی ؟
منبعی دارین که توضیح بده کامل داده باشه راجع به این مساله ؟
با تشکر فراوان

[مهرداد سیف زاده]

این سورسهایی که شمت مبینید نمونه min شده کل صفحه هست. در واقع بجای این که اصل سورسها با ساختار منظم و خوانا(برای انسان) باشه بصورت کاملا نا منظم و تو در تو ولی با حجم کمتر و سرعت بیشتر قرار داده شده.
البته مساله دیگر هم امکان نمایش صحیح هست. همونطر که مدونید موتورهای مروگرها مثل webkit در کروم یا gecko در فایرفاکس، DOM صفحه رو بر اساس مکانیزمی میان و لود میکنن در این DOM اگر شما فایلهای js رو درست قرار ندید و یا فایلهای css درست قرار نگیرن، اونوقت در زمان لود و رندر صفحه بر اثر مشکلات نا هماهنگی محل قرارگیری درست کدها صفحه درست لود نمیشه و بر اثر سرعت شبکه شاید غیر قابل نمایش هم در بیاد. ولی این سورسهای بهم ریخته گوگل به نحوی طراحی شده که با تمام سرعتها و بر روی تمام موتورهای رندر صفحه به نحو یکشان نمایش پیدا مکینه.
البته developerهای گوگل یا فیس بوک صفحه رو مثل عموم برنامه نویسها نمیان تمام نیازمندیها رو با هم استفاده نمیکنن. مثلا مورد دیدم برای قرار دادن اسلایدر، چون دموی اسلایدر رفته برای زیباسازی همزمان از چند تا کتابخونه دیگه استفاده کرده برنامه نویس هم امده و کل صفحه رو سنگین کرده برای گذاشتن اون کتابخونه. ولی برنامه نویس گوگل میاد همون الگوریتم رو از پایه با js و کمک css به نحوی کم حجم و همگام با DOM صفحه مبنویسه.

در آخر توسیه میکنم مقالات بخش performance و best practices گوگل رو بخونید.
https://developers.google.com/speed/