We are a tech incubator based in Nuremberg with a lot of cool partners.
* Spoiler: not really
A lot of people don't have flatrates on mobile.
better performance across all devices
better user experience
Faster websites are ranked higher in Google results
Here are 10 low hanging fruits that increase your website's performance
rule of thumb:
SVG for icons & logos
JPEG for photos
PNG everything else
Don't use icon fonts.
Especially not if you only need a couple of icons.
icomoon.io allows you to download single icons from a lot of icon sets
Lossy optimisations are much smaller than their lossless counterparts. Try lossy optimisations too but always compare the output to the original if it's good enough for your needs.
If you have lots of small PNG and JPEG files try using image sprites. Sprites combine these images
into a single file. CSS code then lets you use the images.
SpriteCow is a tool that helps you generate the sprite and the code you need.
Rather use a <link> tag per @import instead. This allows your browser to download the styles in parallel rather than downloading one file after the other.
Your browser downloads website assets parallelly. When it encounters <script> tags it switches to sequencial downloading, slowing your website down. Moving scripts to right before </body> prevents this.
Adding the defer-attribute to your website enables the browser to download all assets in parallel and
<script src="my-script.js" defer></script>
Cloudflare offers a free content distribution network that moves your static assets closer to your users' locations.