Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Image rotator banner

Featured Replies

Hello everyone i'm new arround here and i hope to be arround, because it is a nice forum and maybe you could please help me out. I hope you can help me on this issue i had . I work on sharepoint, so i basically have html, js and css capabilities.

I currently have an image rotator banner for announcements wich works over a XML file like this:

<?xml version="1.0" encoding="utf-8"?>

<Banners>
<Banner>
<Source></Source>

<Link></Link>

<TimeDelay>7</TimeDelay>

</Banner>

<Banner>

<Source></Source>

<Link></Link>

<TimeDelay>7</TimeDelay>

</Banner>

</Banners>

The site is accessed by thousands of people everyday. That means it has to load every image one at a time for each user which makes my SP site dramatically slow down its performance.


I would like to see if there's a script or a way to improve my current one for making the images store in a cache and pulling them only once per user ( I already tried Jquery but i haven't make the tests yet)

Also without the need of any specific software since i need to make it simple because i won't be the only one posting announcement images there.

So many thanks in advance!

Edited by itsme

Images would be cached in browsers by default after the first load. The cache would expire shortly though, so you could try setting a high expirey time for images in the htaccess file (if its Apache, I dont know anything about IIS or Nginx or others).


This wont speed up initial download though, only keep the images for subsequent future visits.


So I would try optimising images further… make sure their file sizes are the lowest you can manage without affecting visible quality. You can try online services like Yahoo's Smush IT or TinyPNG.


Use Google Page Speed to highlight problematic areas. It will tell you if your images are optimised and offer you to download optimised versions you can then use.


Also use a Content Delivery Network (CDN) such as Cloudflare. These sites exist to serve your images (and other asets like CSS/JS) faster and more locally to the requesting user. Cloudflare have free accounts.


And of course, a faster server if its still slow. Too many cheap providers these days.

Edited by AmityWeb

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.