Numerous Problems Multiplied

    pre-image

    0.2.1 • Public • Published

    preImage

    Preload images in background idle time.

    A simple function to preload images in background idle time.

    preImage(
        "/mock1.jpg", 
        "/mock2.png", 
        "https://mystiar.com/shino.png"
    )

    Queueing resources' requests download is important for optimization. Normally preload important images resources can be done with <link rel="preload> but what if there're a lot of requests?

    Would you like to increase size on HTML file? like:

    <link rel="preload" href="/mock1.jpg">
    <link rel="preload" href="/mock2.png">
    <link rel="preload" href="https://mystiar.com/shino.png>
    ...50 more resources to be preloaded.

    Ouch! That's a lot of kB wasted!

    Why even waste that spaces when you can just simply:

    preImage(
        "/mock1.jpg", 
        "/mock2.png"
    )

    And can even be configured:

    preImage(
        "/mock1.jpg", 
        "https://mystiar.com/shino.png"
    , {
        delay: 1000,
        cors: true
    })

    Or wait until images's request is loaded

    preImage('/mock1.jpg','/mock2.png').then(() => {
        console.log("All images are loaded!")
    })
     
    // or inside async function
    await preImage('/mock1.jpg','/mock2.png')
    console.log("All images are loaded!")

    And the package size is just only 1kB!

    Now you can just preload image without touching HTML. (Imagine you use React.js, Vue.js. You can just preload them directly!)

    Install

    npm i pre-image

    DownloadsWeekly Downloads

    19

    Version

    0.2.1

    License

    MIT

    Unpacked Size

    7.61 kB

    Total Files

    8

    Last publish

    Collaborators

    • aomkirby123