How to delay display of page elements until enqueued script has injected html

So the problem with injection is going to be that the javascript is only going to run after everything has loaded, which means that the, and it needs to make the all the image requests to the server again. Unfortunately, you probably can’t make the requests any earlier than they’re already being made, since they’re front side requests instead of back-end on-load requests…

So you have a few options, either attempt to fade them in, or just make sure that there’s enough space where the images were to begin with, or potentially both.

I wasn’t sure if you wanted me to elaborate more, which is why I didn’t make this an answer.

Related Posts:

  1. Building a slide down search box in wordpress
  2. Why is JavaScript being added to header as application/oembed?
  3. Do I just put the html in a page when enqueueng or do I also have to reference js file from the html page [closed]
  4. Failed to load resource: the server responded with a status of 404 (Not Found)
  5. Can I use complex HTML with Twitter Bootstrap’s Tooltip?
  6. How to make a word underline in Markdown
  7. How do I check whether a checkbox is checked in jQuery?
  8. (Google Map API) Geocode was not successful for the following reason: REQUEST_DENIED
  9. Check if checkbox is checked with jQuery
  10. Add swipe left/right to web page, but use default swipe up/down
  11. How can I get the data-id attribute?
  12. How to resolve the C:\fakepath?
  13. Angular: mat-form-field must contain a MatFormFieldControl
  14. Adding options to select with javascript
  15. How does the data-toggle attribute work? (What’s its API?)
  16. Use images like checkboxes
  17. How to read xml file contents in jQuery and display in html elements?
  18. How do I scroll to an element using JavaScript?
  19. Programmatically change the src of an img tag
  20. Error: Failed to execute ‘appendChild’ on ‘Node’: parameter 1 is not of type ‘Node’
  21. How can I select an element by name with jQuery?
  22. Full-screen iframe with a height of 100%
  23. jQuery disable/enable submit button
  24. Parse an HTML string with JS
  25. Shortest way to print current year in a website
  26. OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
  27. Partial render in HTML/JavaScript
  28. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  29. Why is marquee deprecated and what is the best alternative?
  30. Refresh/reload the content in Div using jquery/ajax
  31. Showing an image from an array of images – Javascript
  32. Set value to currency in
  33. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  34. D3 Appending Text to a SVG Rectangle
  35. HTML Entity Decode
  36. Retrieve the position (X,Y) of an HTML element
  37. How can I copy to clipboard in HTML5 without using flash?
  38. HTML5 rich-text inside textarea
  39. HTML onchange (this.value)
  40. How to scroll an HTML page to a given anchor
  41. How do I load an HTML page in a div using JavaScript?
  42. ReactJS – .JS vs .JSX
  43. how to call a onclick function in tag?
  44. How do I refresh a DIV content?
  45. How to implement “select all” check box in HTML?
  46. JavaScript button onclick not working
  47. JavaScript button onclick not working
  48. jQuery sort elements using data id
  49. HTML make text clickable without making it a hyperlink
  50. JavaScript code to stop form submission
  51. Getting HTML form values
  52. Change an image with onclick()
  53. How to run a function when the page is loaded?
  54. Disabled href tag
  55. Creating Accordion Table with Bootstrap
  56. Creating Multiple Modals on a Single Page
  57. How to set text color for my d3 chart title?
  58. window.location() not working, not opening page
  59. How to clear the canvas for redrawing
  60. Default text on input
  61. Adding Google Translate to a web site
  62. Javascript, viewing [object HTMLInputElement]
  63. Why onbeforeunload event is not firing
  64. How to use wordpress default Password Strength Meter script
  65. Register and enqueue conditional (browser-specific) javascript files?
  66. wp_enqueue_script() not working at all
  67. Any advantage of using wp_scripts and is_IE when enqueuing scripts
  68. wp_enqueue_script : how to change loading order of scripts?
  69. wp_localize_script with boolean and init
  70. wp_register_script multiple identifiers?
  71. require.js to load javascript
  72. wp_enqueue_script isn’t connecting my custom js file
  73. TinyMCE in a div / textarea on frontend?
  74. Include Javascript as Plain (No file inclusion)
  75. Contact Form 7 – Give each checkbox a class?
  76. Is it mandatory to enqueue any kind of Javsacript?
  77. Can the index.asset.php file be used with the enqueue_block_editor_assets action?
  78. How to insert html/css/javascript code to wordpress plugin
  79. Enqueue script if screen is greater than 500
  80. Script Localization doesn’t work
  81. Enqueue scripts all over but not in single.php
  82. Enqueue scripts based on browser width?
  83. Correctly enqueue scripts of type=text/paperscript (PaperJs Library)
  84. Javascript on Registration Page
  85. Javascript asset not enqueuing with the rest
  86. Including Styles and JS files to work ON my plugin interface
  87. creating a static HTML/JS/PHP page
  88. Linking wp_enqueue can’t find the javascript file (adds “?ver=x.x.x” to the src)
  89. wp_enqueue_script does not recognize my js file?
  90. What to include to use jQuery UI Auto Complete
  91. How to run Javascript popup modal in a loop?
  92. Loading two versions of same JS libary
  93. Proper way of minifiying java script files in wordpress theme
  94. Adding javascript script to header via functions.php
  95. how to do open a link in a open window from menu bar? [closed]
  96. JavaScript and Google PageSpeed + wp_enqueue_script
  97. Put dynamic Javascript in header after doing operations
  98. How to load JavaScript modules with script_loader_tag hook?
  99. How to securely set dynamic HTML content with JavaScript?
  100. Sending GravityForms to custom HTML