Azure CDN caching for images, slow?
I have created an imageservice that can give me images with various sizes and effects.
Here's an example image:
This is not a particularly fast service, so I wanted to speed it up a bit by using a CDN. This is the url to the CDN for the same image:
As you can see the URL has Query String parameters that decides the size and effect.
In the setup of the CDN I have set the Query string caching behavior to Cache every unique URL
In the rules section I have tried the following:
The idea was to cache everything from the web app for 1 minute (this might change), but everything that comes from https://nfimageservice.azurewebsites.net/image/* with the querystring as part of the key, should be cached for 365 days. This is after all where the images come from.
I have tried loading the pages multiple times, waited for a long time before trying again, purged all the images from the CDN and so forth, but I still get loading times from azurewebsites that is faster than from azureedge. I realize I must have done something wrong, but I cannot for the life of me figure out what.
In fact, when you access your websites, the speed of using the CDN is relatively faster than without using CDN. It mainly depends on the networking environment where you access from your location to the CDN edge server location or other factors. See more details about How caching works.
For example, if you locate in the East US, and the POP location is dispatched in Europe and your website is located in West US. Usually, the speed of directly accessing your website without CDN is faster than with CDN since the West US is more close to your location. Also, the global networking environment is not under control.
For a short test, I add that image URI to my Azure CDN and have not set the rule engine. it's faster with CDN than directly access without CDN from my location.
With CDN
Without CDN
- How can I prevent ImageChops.offset from wrapping data?
- Replace all image urls with <img> tags
- Embedding a json image into a typst document
- Symfony 1.4 sfWidgetFormInputFileEditable customization
- Python: the right URL to download pictures from Google Image Search
- Check if an image is loaded (no errors) with jQuery
- Add a new class to img tag's class list
- Wrap <img> tag in a new tag and add alt attribute to the <img>
- Remove excess newlines/whitespace from multi-line <img> tag in HTML string
- Get src value of <img> tags with inconsistent quoting
- Get src value of the first occurring img tag in an HTML document
- Can I defer an image on mobile only but not on desktop?
- Image Sitemap with Zend_Navigation
- CSS image on top of another for website background
- Java/HtmlUnit - How to get an HtmlImage from an HtmlImageInput?
- PIL image.open() working for some images but not others
- TypeError: Failed to execute 'createObjectURL' on 'URL': Overload resolution failed
- Embed image in a <button> element
- How to make in CSS an overlay over an image?
- OutOfMemoryError while decoding and encoding Base64 String into Bitmap
- multiple image upload issue while editing images in codeigniter php
- The size of the image is too big for the button... Any tips?
- Fit image inside div without stretching
- Image not showing while project uploaded to cpanel in laravel
- how to show CircularProgressIndicator while loading Image.file in flutter
- Flutter image generation in background
- How to process multiple images at once
- Is it possible to modify an image so someone with myopia could see it clearly without glasses?
- Image not displaying at runtime C# WPF
- How do I force Kubernetes to re-pull an image?