Ahmad

Website so Slowly when visit at first time

Recommended Posts

I'm building a site and i noticed that loading time is very slow when we enter the site address for the first time. It takes about 1 minute or more  just to start loading files and displaying the content. 

However, after that period it's very fast and everything is ok. Once the page(s) is/are loaded, i can refresh them quickly and without any delay.

any one faced like this problem? and what can i do to resolve it.

more details:

ProcessWire 3.0.80

hosted type: VPS

this message appear in admin dashboard: " Warning: your server locale is undefined and may cause issues. Please add this to /site/config.php file (adjust “en_US.UTF-8” as needed): setlocale(LC_ALL,'en_US.UTF-8');"

The site: http://almanassah.net

Share this post


Link to post
Share on other sites

Many of the images are taking a long time to load, for example,1021701976_1-1.1140x760.png takes 12.64 seconds.

You can add 

setlocale(LC_ALL,'en_US.UTF-8');

to your /site/config.php to remove that error. Use whatever locale is appropriate for you.

[edit]
You can use the browser dev tools > network tab to determine loading issue. It will help eliminate that issue should others exist.

Edited by rick
  • Like 2

Share this post


Link to post
Share on other sites
1 hour ago, rick said:

Many of the images are taking a long time to load, for example,1021701976_1-1.1140x760.png takes 12.64 seconds.

 

I agree with u, but the problem why it slowly when download the images, if u can see now i remove the slider it's the big images, now the website faster.

the really problem if u notice the logo it's take 1.1 minutes to full download, u can see the picture i attached. and the size of logo just 324 Byte.

 

 

2017-11-02_164219.jpg

Share this post


Link to post
Share on other sites

All of the resources, css, js, images, and fonts are taking quite a while to load.

What type of hosting service is this site using, shared?

I am not familiar with modernizer. Can you temporarily disable it and see if that helps any?

I'm just thinking out loud about eliminating a possible cause one at a time.

  • Like 1

Share this post


Link to post
Share on other sites

What DomContentLoaded mean?

and why it's talk 27 second in my website ? how can reduce it.

another question i notice my website doesn't showing any content until it finished load all content hidden. how can resolve that?

7 minutes ago, rick said:

All of the resources, css, js, images, and fonts are taking quite a while to load.

What type of hosting service is this site using, shared?

I am not familiar with modernizer. Can you temporarily disable it and see if that helps any?

I'm just thinking out loud about eliminating a possible cause one at a time.

i use vps

Share this post


Link to post
Share on other sites

 

10 minutes ago, Ahmad said:

What DomContentLoaded mean?

and why it's talk 27 second in my website ? how can reduce it.

another question i notice my website doesn't showing any content until it finished load all content hidden. how can resolve that?

i use vps

As far as the content not displaying until it loads, it might be due to your apear.js file. It appears that modernizer is not defined (since you removed it), and your plugins.js file is depending on modernizer.

  • Thanks 1

Share this post


Link to post
Share on other sites

Thanks i removed modernizer and now the website better.

and i have one question, if the arrays make website slow ?

 

Share this post


Link to post
Share on other sites

Try to load JS+CSS without AIOM. It takes over 3 seconds to load... Also, load the Font Awesome fonts locally, not from remote.

First time to byte is abysmal: over 5 seconds (until ready for interaction: 9s).

pagespeed.PNG

  • Like 2

Share this post


Link to post
Share on other sites
1 hour ago, dragan said:

Try to load JS+CSS without AIOM. It takes over 3 seconds to load... Also, load the Font Awesome fonts locally, not from remote.

First time to byte is abysmal: over 5 seconds (until ready for interaction: 9s).

pagespeed.PNG

Thanks, i will try now.

if used lazy load it's resolve the problem ?

and how can active gzip? i tried to activate it in vps and by use htaccess but faild.

and what's the website u used to analytics of speed?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By Sabrina
      Hi,  
      I would like to start tracking my website visitors with Leady software. Searched the forum for similar discussion yet did not find the right answer. Could you please tell me how can I add their javascript to my website? Is there any step by step guide available?
      Any help appreciated. 
    • By JeevanisM
      Hello All,
      I started with Joomla on this CMS parade. Then later I put my hands on Wordpress and eventually settled into Concrete 5.  Recently I came to know about ProcessWire CMS, while I was looking for a better replacement for Concrete 5 in terms of robust, easiness, compact.  I went through few Video tutorials of PW and read the documentation. The installation of PW was smoothy.
      The concept of Page is awsome. I like the relation of Page, Fields & Templates. There are many things I can equal to Concrete 5 from ProcessWire, yet PW offers a tiny minimal, code level approach for CMS. We have full control over design & data. There are some pitfalls I felt such no sitewide settings, global logo setup etc but it is easily tackled with some API codes. PW api seems amazing, it is par with what Concrete 5 Offers.
       
      I have done a simple website in ProcessWire now and going to do a lot further :
      http://insignnia.in/
    • By Sergio
      Hello fellow PW devs!
      This is a short story from the server management trenches.
      These past couple of days trying to solve an unexpected problem: after DigitalOcean patched the droplets in NYC3 region last week, my client's droplet became almost useless and went down a couple of times. The droplet has 2GB RAM and was running Ubuntu 16.04 that was updated to kernel 4.4.0-116 after the patch. The server was provisioned using Forge (forge.laravel.com).
      After sshing into it, and running "top" I've noticed the cause: "php-fpm7.1" processes (3-5 instances) were spiking the CPU to 100%. This was very odd, as the CPU usually kept around 33% most of the time.
      The site uses ProCache and markupCache and was getting around 800-1000 visits/day last week. I checked everything on PW's side and nothing seemed out of place, so I went restarting PHP and Nginx but the problem continued.  I checked access logs and no suspicious activity shown up. I upgraded PHP to 7.2 to see if anything will changed but the problem continued.
      My only guess after all that is that the droplet in question got screwed up somehow, because I didn't see any complaints on the web of other people getting the same problem on DO (But I confess that I did a quick Google search only).
      So in the end I decided to create a new droplet, now with 2 CPU cores and kept the 2GB (1 extra core and $5 cheaper ). Reinstalled PW there and pointed the floating IP to this new server.
      The installation went smooth but to one issue: error log started to show messages of MySQL showing "to many files" error when the users were searching. I've never encountered this message before, so after reading some StackOverflow posts, I changed mysql.services config file to remove its file limit (https://stackoverflow.com/a/36807137)
      Everything is normal now, but I think I'll never discover what truly happened. Anyone else had this kind of problem with MySQL before?
       
    • By Zen
      We require share buttons incorporated into web pages and blog post.

    • By Kiwi Chris
      More than a year after I submitted a proposal, I finally was given the contract to build a new website for a regional promotion organisation, promoting a very sparsely populated part of NZ.
      https://www.pelorus.nz/
      The original website I think was running CMS Made Simple, however it was not mobile friendly, and the organisation of directory listings into categories was unreliable, and edits required requests to the original developer.
      My brief was to make the site mobile friendly, and user editable, although I also ended up providing some of the photography as some of the site owners were slow to come forward with material themselves. I didn't rewrite content as that was beyond the scope of what I was asked to provide.
      Bootstrap 4 came out after I'd already started the project, so it's built using Bootstrap 3.
      Modules I used:
      Admin Restrict Branch (So owners of listings can log in and edit their own listings, but nothing more) AIOM+ - I found the LESS compilation handy, as I could work with the Bootstrap source files and adjust variables rather than overriding compiled bootstrap. Fieldtype Phone - so I could easily format phone numbers so that they would work both as URLs and display correctly. Social Share Buttons - although I created a modified colour set of icons. Jumplinks - to map URLs from old site to maintain SEO.