Screen size aware Asset Preloading

When it comes to website loading performance, fonts and images play an important role since every webpage today more or less has its own custom branding and usually landing pages almost always have a Hero/Main section with an image that shows up first(“Above the fold”). Loading “Above the fold” content before anything else (i.e before browser starts rendering) can greatly improve the sites perceived performance*. One of the ways of to improve that performance is *preloading* those resources.