Main reason is asymetric loading of elements and bad programming.  
In detail: The main goal of a mobile page is to load as fast as possible.    

There are certain methods to achieve this. The two most important (for your question) are:  
1) Load visible stuff first:  
The first things that will be loaded are things you see when you open the web page. Everything "below the fold" (below the point where you need to scroll to see it) will be loaded at a later point.     
2) Load bigger elements later:  
Bigger elements, such as images, will be loaded last. So your initial page is loaded fast, and the rest comes at a later point.    
Now to your problem with the layout changes:   
Poor programming causes this. Normally you would place blank placeholders for big elements like images. For example: If you, as a programmer, know, that there is an image that is 500x500 pixel, you will reserve this 500x500 spot with a blank white space.  So when the image loads (after the initial loading of the page) you can fill this blank space with the image, without destroying the layout.  
OR you could use two different image qualities. Like one really low quality (and low filesize) one that loads when you open the page (in case the image is in your "initial load view") and when this initial load is over, you use your "normal" bigger size image to replace the old one.     
Really sorry, for a non native speaker its kinda hard to explain this :( I hope you get my point. 
ප්‍රධාන හේතුව මූලද්‍රව්‍යවල අසමමිතික පැටවීම සහ නරක ක්‍රමලේඛනයයි. සවිස්තරාත්මකව: ජංගම පිටුවක ප්‍රධාන ඉලක්කය වන්නේ හැකි තරම් වේගයෙන් පූරණය කිරීමයි. මෙය සාක්ෂාත් කර ගැනීම සඳහා යම් යම් ක්රම තිබේ. වැදගත්ම දෙක (ඔබේ ප්‍රශ්නය සඳහා): 1) පළමුව පෙනෙන දේවල් පූරණය කරන්න: ඔබ වෙබ් පිටුව විවෘත කරන විට ඔබ දකින දේවල් පූරණය වන පළමු දේවල් වේ. සෑම දෙයක්ම &quot;නැමීමට පහළින්&quot; (ඔබට එය බැලීමට අනුචලනය කිරීමට අවශ්‍ය ස්ථානයට පහළින්) පසු අවස්ථාවක පටවනු ලැබේ. 2) පසුව විශාල මූලද්‍රව්‍ය පූරණය කරන්න: පින්තූර වැනි විශාල මූලද්‍රව්‍ය, අවසන් වරට පූරණය වේ. එබැවින් ඔබේ මුල් පිටුව වේගයෙන් පූරණය වන අතර ඉතිරිය පසු අවස්ථාවක පැමිණේ. දැන් පිරිසැලසුම් වෙනස්කම් සමඟ ඔබේ ගැටලුව වෙත: දුර්වල වැඩසටහන්කරණය මෙයට හේතු වේ. සාමාන්‍යයෙන් ඔබ පින්තූර වැනි විශාල මූලද්‍රව්‍ය සඳහා හිස් ස්ථාන දරන්නන් තබනු ඇත. උදාහරණයක් ලෙස: ඔබ, ක්‍රමලේඛකයෙකු ලෙස, පික්සල් 500x500 රූපයක් ඇති බව දන්නේ නම්, ඔබ මෙම 500x500 ස්ථානය හිස් සුදු ඉඩක් සහිතව වෙන්කර ගනු ඇත. එබැවින් රූපය පූරණය වන විට (පිටුවෙහි ආරම්භක පැටවීමෙන් පසු) ඔබට පිරිසැලසුම විනාශ නොකර, රූපය සමඟ මෙම හිස් අවකාශය පිරවිය හැකිය. නැතහොත් ඔබට විවිධ රූප ගුණාංග දෙකක් භාවිතා කළ හැකිය. ඔබ පිටුව විවෘත කරන විට (පින්තූරය ඔබේ &quot;ආරම්භක පැටවීමේ දර්ශනයේ&quot; තිබේ නම්) පූරණය වන ඇත්තෙන්ම අඩු ගුණාත්මක (සහ අඩු ගොනු ප්‍රමාණය) එකක් මෙන් සහ මෙම ආරම්භක පැටවීම අවසන් වූ විට, ඔබ ඔබේ &quot;සාමාන්‍ය&quot; විශාල ප්‍රමාණයේ රූපය භාවිතා කරයි පැරණි එක වෙනුවට. ඇත්තෙන්ම කණගාටුයි, ස්වදේශික නොවන කථිකයෙකුට මෙය පැහැදිලි කිරීම තරමක් අපහසුය :(ඔබට මගේ අදහස ලැබෙනු ඇතැයි මම බලාපොරොත්තු වෙමි. 