Questions tagged [preloading]

Use preloading for questions related to programmatically requesting files or data using a heurestic or presumptive algorithm.

Preloading can be used to optimize the user experience based on events, hints, metadata, or user behavior analysis.

References

273 questions
7
votes
2 answers

How to run a jQuery function after all and any other javascript has run

I have a photo gallery page hosted on a CMS (Squarespace) which has some of it's own scripts which load the thumbnails asynchronously. The actual large images however are not preloaded, so I decided to add my own script into the mix to just make the…
andy
  • 8,775
  • 13
  • 77
  • 122
7
votes
6 answers

Extra queries listed by MiniProfiler

In my controller action, I included all associations needed by the view, to avoid multiple calls to the database. (I'm trying to isolate the the views layer to only render the data collected by the controller). I'v found out that the view still…
6
votes
0 answers

Ngrx effects not working when in a preloaded module

I have two modules, let's call them EagerModule and PrealodedModule. Both of them have their own feature reducers and effects. EagerModule is loaded eagerly in the app, meaning its in the list of AppModule's imports. @NgModule({ imports: [ …
Yulian
  • 6,262
  • 10
  • 65
  • 92
6
votes
1 answer

Passport FacebookTokenError due to Chrome preloading

I am working on a web app which which allows user logins through Facebook using Passport.js. My code is as follows: /* Passport.js */ var passport = require('passport'); var FacebookStrategy = require('passport-facebook').Strategy; /* DB */ var…
kronion
  • 711
  • 4
  • 14
6
votes
1 answer

How to preload images for Foundation's Orbit image slider?

Using Zurb's Foundation 4.1.5 (latest version), the Orbit image slider works great. Unfortunately it looks really for the first couple of seconds where all the images appear as a giant bulleted list. Then the JavaScript kicks in and it all is…
at.
  • 50,922
  • 104
  • 292
  • 461
5
votes
3 answers

Should I preload a large image that's above the fold?

I'm excited about the rel="preload" property, because it looks like it can help speed up page render times. The use case is a web page with a large image above the fold. Right now, Chrome doesn't start downloading the image until after fetching…
crenshaw-dev
  • 7,504
  • 3
  • 45
  • 81
5
votes
1 answer

App/Backend-Architecture: How do Snapchat stories load so fast?

Simple question - How do Snapchat stories load so fast, and even when I "skip" an item, the next one is always ready? Snapchat stories is a mix of images and videos, whenever the screen is tapped, the next item starts instantly, no matter if it's an…
schnabler
  • 687
  • 7
  • 23
5
votes
4 answers

Why is image preloading ineffective?

My CMS project has a stylish web 2.0 login screen that fades over the screen using javascript. How come that even though I have made 120% sure that images are preloaded (I used the resource monitor in development tools) they still take a second to…
Hubro
  • 56,214
  • 69
  • 228
  • 381
5
votes
1 answer

UI/Content loader for cards (like fb)

I'm working on finding a solution for a UI/CONTENT loader for my app to load cards with content. We're using Angular and while the cards load, they are blank and boring. Trying to build some content expectation for the people who will be using it,…
5
votes
2 answers

context.drawImage() doesn't work with new Image() instance (chrome)

I am trying to figure out why the classic way of image preloading before drawing in canvas is firing a "Type error" on chrome. Let's see the situation: I try to preload images in 3 different ways: creating a new Image() instance creating an image…
Flo Schild
  • 5,104
  • 4
  • 40
  • 55
5
votes
1 answer

Swap image src with jQuery Ajax request

I have an tag with a default src set. I'd like to have jQuery make an ajax request to get another image and when this new image is fully loaded, set the src of the tag so there's no flicker. I'd prefer not to do any of…
Mark Ursino
  • 31,209
  • 11
  • 51
  • 83
4
votes
2 answers

Can HTML anchor tags ever be used for internal links in Gatsby?

I'm developing a website where a Search box can return a lot of results in a dropdown list and each result has a clickable internal link to a webpage within the same site. I initially followed Gatsby's advice and implemented these as
Steve Chambers
  • 37,270
  • 24
  • 156
  • 208
4
votes
1 answer

Turn of lazy loading in ngSwitch

I have this code:
Yegor Ivlev
  • 87
  • 1
  • 7
4
votes
2 answers

Preloading a DIV with image loading

I have a problem. I am working on a CMS, its name is Dolphin. In few words I have created a block that contains an heavy code (jQuery, javascript, php, HTML, images...etc..). What I want to do is to show a loading image until the content of this…
DiegoP.
  • 45,177
  • 34
  • 89
  • 107
1
2
3
18 19