How can I get my header back?

by ncloud
5 replies
  • WEB DESIGN
  • |
Google's page speed insights tool told me some things I could do to speed up my site. But, after making some of the changes it recommended my header disappeared and the background color at the top of my site turned from black to grey.

Unfortunately, I'm not sure which of the changes done this. Can anybody tell me how this happened and how I can fix this? Here's the changes that I made:

  • I minified the JavaScript and the CSS.
  • I used a plugin to leverage browser caching.
  • I optimized images
  • I got my content served over CDN (CloudFlare) and check for it to minify HTML
I'm sure one of those caused the problem, any idea which one and how I can fix this?
#back #header
  • Profile picture of the author fulltimewp
    Well, it's not the image optimization. So that leaves your minified JS and CSS, the CDN, and your browser caching plugin.

    If your site is WordPress, my bet would be the minified JS and CSS, especially if you used a plugin. Or possibly your CDN isn't configured properly...

    Just undo the changes one at a time until your site comes back to normal and you've identified the culprit. And next time, only make one major change at a time until you've tested your site and confirmed that you didn't break anything.
    {{ DiscussionBoard.errors[10308537].message }}
  • Profile picture of the author webcosmo
    There is possibility that you mixed that all together and the order of execution is wrong.
    {{ DiscussionBoard.errors[10308800].message }}
  • Profile picture of the author ncloud
    I didn't know I was suppose to fix those issues in a certain order. I definitely should have checked my site after words after fixing each one though - that was a mistake.

    I didn't use a plugin to minify the JS or CSS, I just did it manually by copying and pasting the files into a minifyer. Unfortunately, not sure how I could undo that since I don't even recall which files it was. So hopefully that didn't cause the problem. Is it even possible for that to have caused the problem? I thought all minifying did was reduce the file size by eliminating empty space in the text. The text should have stayed the same though right?

    I did try disabling the caching plugin that I'm using, but that didn't change anything.
    {{ DiscussionBoard.errors[10310044].message }}
  • Profile picture of the author ncloud
    Problem resolved - The file that was causing the problem was called "styles.php". I found a folder on my computer where I had saved the files both before and after minifying them, and using Filezilla I replaced the minified file with the previous unminified version and my header came back as well as the grey background went back to black as it was previous.
    {{ DiscussionBoard.errors[10310584].message }}
    • Profile picture of the author JerryEdison3289
      Originally Posted by ncloud View Post

      Problem resolved - The file that was causing the problem was called "styles.php". I found a folder on my computer where I had saved the files both before and after minifying them, and using Filezilla I replaced the minified file with the previous unminified version and my header came back as well as the grey background went back to black as it was previous.
      congratulation
      Signature
      Explaindio Video FX Review
      Explaindio Video FX Transforms Any Mediocre Looking Video Into An Eye Catching Blockbuster That Skyrockets Conversion From Viewers To Subscribers And Buyers.
      {{ DiscussionBoard.errors[10314337].message }}

Trending Topics