byaround
Forum Replies Created
-
@rfros
Thank you for the hint. I modified the line to directly print post content without escaping html, now I could view rendered log item.Thanks for all the answers!
@jason
I just read that thread and now understand what is happening. However, is it possible to set in Postman somewhere to force email be treat as HTML when being viewed?Hi,
Thanks again.
So I’ve tried putting these lines at the very beginning of my theme header template, the first lines in <head> tag:
<link rel='stylesheet' id='codepeople-loading-page-style-css' href='https://localhost:8888/dev/wp-content/plugins/loading-page/css/loading-page.css' type='text/css' media='all' /> <script type='text/javascript' src='https://localhost:8888/dev/wp-content/plugins/loading-page/loading-screens/bar/loading-bar.js'></script> <script type='text/javascript' src='https://localhost:8888/dev/wp-content/plugins/loading-page/js/loading-page.js'></script>After page loaded, I checked the page source, it begins with these:
<!DOCTYPE html> <html lang="en-US"> <head> <link rel='stylesheet' id='codepeople-loading-page-style-css' href='https://localhost:8888/dev/wp-content/plugins/loading-page/css/loading-page.css' type='text/css' media='all' /> <script type='text/javascript' src='https://localhost:8888/dev/wp-content/plugins/loading-page/loading-screens/bar/loading-bar.js'></script> <script type='text/javascript' src='https://localhost:8888/dev/wp-content/plugins/loading-page/js/loading-page.js'></script> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1">So I guess they are really at the earliest place they could be.
Unfortunately, I still didn’t see obvious change, there are still a roughly one second (if not longer) period, the browser shows current page (the one I switch to target page from) with the browser’s native progress indicator progressing.
Isn’t this one second period part of loading? Or, it is just waiting for the server to prepare scripts? Weird.
Thank you !
Hi
Thank you for the explanation.
It sounds way too complicated for me to totally understand. Does that mean it is normal if there is a period with nothing in the browser be fore loading screen shows, as it is the browser loading files of the plugin and/or the server is preparing files for browser to load?
So, nothing we can do to make that blank period show loading screen?
Thank you!
Hi
Thanks for the quick reply. Both Safari on Mac and Safari on iPhone have the progress line, comparing to which I could see the issue. I’ve also tried Chrome, which doesn’t have a native progress line at the address bar, but if you pay attention to the spinning quarter circle beside tab title, you can also notice the issue. When switching to some page, the quarter circle starts to spin, nothing rendered in the browser, then suddenly everything start to show up. Yes, if page starts to render, loading screen shows too.
I’m not familiar with this field, but I assume that there are at least two phases in the while progress of page loading, the first be the server prepares the page (php processing), the second be downloading the page to local browser and render the page. It looks like the loading screen won’t show when server preparing the page, but browser’s native progress indicator is aware of that. My assumption could be wrong, but what I was after is really just trying to show loading screen as soon as browser native progress indicator (address bar progress line for Safari or spinning quarter circle for Chrome ) start progressing.
You mentioned loading screen is the first tag loaded, but before it is loaded, did you notice there is a period with nothing rendered? That is the issue I meant. If you emulate slow internet connection, this is really pretty obvious. Isn’t that one of the most important periods we need loading screen for?
Thank you very much!
Hi
If you could try visiting https://www.byaround.com/ you will see what I meant. The site is cached by a plugin called WP-Rocket, so some of the pages load fast making it harder to see the issue (page loaded before Loading Screen show), however, I noticed https://www.byaround.com/ and https://www.byaround.com/offers/ are relatively easier to see the issue.
Thank you!
How do I upload a picture?…