A short post to give advice to Apple that what they should change in their website, i know the people there are more experienced than me, but it's just an advice that Apple would love reading.Apple, the leading company in terms of Technology and Gadgets, is the best in every field, no doubt. The apples official site is well designed and looks great with all they have on their website.
But one minus point of Apple's site is that it takes too much time to load as compared to other sites. Apple uses image in place of fonts to display a gradient type font,but if we use CSS3 in place of image we can get same result with less load time and that's the advantage of using fonts designed with CSS3.
Here you can see what Apple.com uses for font, this image which is 3.4kb in size, which currently Apple use for fonts in their site.
Now if Apple uses this as font on their site then the browser have to download a 3.4kb image, but if we are talking about CSS3 then it will only have to load up 100 Bytes text to create the same effect with the texts, as you can see below.
Resolutionary
div
{
font-family: 'Dosis', sans-serif;
font-size: 90px;
-webkit-background-clip:text;
background-image:-webkit-linear-gradient(top,gainsboro,grey,black) !important;
color: white;
-webkit-text-fill-color: transparent;
}
The font-family just have to change, as i was not able to find the exact font like the Apple's font, and it's sure that page load speed will be improved.
This was just a small suggestion from me to Apple about what they can change to make a better experience for the visitors.
