Similar to the logic used above, while these image files are small, they still require a round trip to fetch from the server.
However, the arrows are the same—they just point in opposite directions! We can easily use CSS’s transform function to make an image bidirectional:
Another example is when the same logo appears in different parts of a page with different styles; they often load multiple variations, which is unnecessary. CSS can recolor your logo for you in a number of ways:
Interaction
Navigational elements like menus and tabs are often implemented in JavaScript, but these can also be done in pure CSS.
Animation
Often these are not only faster than JavaScript versions, but senegal mobile database can be smoother because they can run in the native code of the operating system rather than having to execute relatively slow Javascript.
CSS animations can add a lot of character to a page at a relatively low performance cost.
Summary of key points
Takeaway: Use CSS to optimize the amount of files you have to load using rotation or filters.
Key Point: CSS animations can add character to a page and generally require fewer resources than JavaScript.
Key Point: CSS is fully capable of implementing many interactive user interface elements.
Summarize
We should all try to think outside the box when it comes to website speed. Of particular importance is reducing the number of round trips required to the server; even small resources take some time to fetch and can have a noticeable impact on performance especially on mobile devices.