This is more common with complex menus with mega menus where the items in the mega menu are changing fairly often and less likely to be cached (e.g., post loops, vs simply product info pages on a corporate site)… since a complex mega menu is in many ways an entire webpage on its own, it can delay the rest of the page loading as it’s a whole new set of page queries.

For fastest speed, don’t use a mega menu.

You might NOT be using one, but that has been my own experience anyway.

• This reply was modified 11 years by simchris.

You can set the order of pages on each page when you create/edit it … e.g., 1, 2, 3, 4, 5 … and most “loops” offer option of choosing either pages by alpha name (A-Z), or the order number. I suspect you will need to set the order number. I do this whenever using pages in a widget, so that I get stuff in the right order (e.g., privacy at the end not the top). So, haven’t checked but I bet with the VC module it would do page by numerical order which you set right side of each “page.” 🙂

I’m running two Apple 24-inch cinema displays at 1900×1200 but my issues are slightly different from yours. I only use the visual editor when pasting in MS Word files for articles. The rest of the time I use the text editor as I need to be able to manually enter a div class, or whatever. My issues are where something is conflicting even with the simple use of a <br> tag in the text editor, and <p> tags don’t seem to work either. I can only line this up with the visual editor bleed-over for the whole post page. And of course I could be totally wrong. But, on a WooCanvas site I am using <br> and <p> tags and they all behave as expected; not with Newsmag.

CORRECTION: I am NOT having this issue on my sites which use NEWSMAG and do not have WooCommerce running. I just tested that. Some element of the visual editor code is conflicting with the WooCommerce post page, likely due to the extra meta boxes added by WooCommerce. So, this seems to impact pages, posts, and products.

Weird thing is there is no console error on the pages themselves, so it’s totally a back-end thing.

Will be happy to help debug this for WooCommerce, but I realize this is different issue than what @daimpa is experiencing. Suggestion to @daimpa …. do a screen capture video showing the issue, if possible to best illustrate the situation. In my case I will experiment with turning some things on/off with WooCommerce to sort out what is causing my problem as well as the http element not loading via https in the visual editor page. I have separate ticket for this – and apologize for polluting this thread. 🙂

• This reply was modified 11 years by simchris.
• This reply was modified 11 years by simchris.
• This reply was modified 11 years by simchris.

Well, some of your pages have (5) Google ads it looks like….

Google only allows up to (3) ads per page, last time I checked.

Make sure you didn’t paste your code into the ad box twice!

I would like option to DISABLE the custom functions being loaded for the visual editor, if possible. I’m having some issues when also using WooCommerce. The visual editor, for example, shows bullet lists with indents, but there is no indent on the actual page. The divider line is actually a hindrance when editing some things as I need to keep scrolling more up and down to get to the info I need to edit.

I would prefer normal WP behavior where the visual editor allows you to set bolds, italics, center things, etc., but not try to second guess the page layout which will vary by device.

Also, running into an issue where when switching to visual editor some HTML entities get converted to ISO elements, and then when going back to text editor, they lose the encoding, and in the published page under view source you have ISO garbled characters.

Overall, great idea, but causing some issues, obviously.

An option to DISABLE this custom mods to the visual editor would be appreciated.

We use digimarc as a Photoshop plugin to watermark important copyrighted images, as this allows us to track down the abusers.

Probably not what you want, but if you’re the “rights holder” it’s very useful.

• This reply was modified 11 years by simchris.

Well, you then likely have a plugin that breaks visual composer, so try turning off all plugins except vc, and them turn them on one by one to find baddie.

Looks like youre loading page inside some kind of container or iframe. With loading countdown for site which is weird.

This is most common with Internet Explorer; using Chrome works much better.

Sometimes it’s a bad plugin which conflicts with Visual Composer. Note if you’re running WP 4.1, you *must* have VC 4.3.5 installed, as WP 4.1 broke VC.

we’re using a 541×90 logo centered in the full width logo space. Looks nice 🙂

I think we had a 728×120 or something, and decided to make it a little smaller for page speed.

• This reply was modified 11 years by simchris.

When I used to do my own WordPress themes, I’d put in all the applicable coding and format in the header.php file and QED. However with modern themes with different kinds of headers, customizations, theme panels, etc., it can be a pain in the butt.

Frankly, I just use the Yoast WordPress SEO plugin the past 2 years, and this has worked perfectly for exactly what you’re trying to do. Really. If you only use it for that, it works very well. 🙂

You would probably need to do some custom coding for that, to make one div (eg., span 6 for your logo, span 6 for menu). So, you’d likely need to edit the menu files for the theme to do something it wasn’t designed for. (E.g., having your logo float above the bar larger than the height of the bar div.

You would likely need to hire a developer to hack the theme to do such a custom modification.

Using one of the default menu choices, you would
a) set your logo to fit the height of the menu div,
b) limit the number of items in the drop down menus to not be wider than the page layout. You obviously cannot have 1600px of menu on a 1200px menu. It will drop down to new line.

The menu types are shown in the theme demo on Themeforest, but doing a super custom menu as you’ve shown in your image, would need to be customized by you or your developer.

(I do not speak for the theme devs, I’ve just been using their themes for 13 months, so have been hacking stuff myself regularly and sharing some of my experiences since I have been working weekends on/off to redo our company sites/portals… and so my answer should be considered an opinion only!). 🙂

Basically you need to read through all of my suggestions as noted in prior note above.

Did you test your site with GTMetrix?

SEE: your test – http://gtmetrix.com/reports/vidzo.ru/1g4dDqXF

Note the items marked “server”

AND:
Read through all my suggestions here: – start on last page and go backward.
https://forum.tagdiv.com/topic/pagespeed/

(some of my suggestions are also in the theme docs already or were added, so you may want to start here: https://forum.tagdiv.com/how-to-make-the-site-faster/ )

• This reply was modified 11 years by simchris.

You’re welcome … I only found it while looking for something else 🙂

You’d likely need to edit the image sizes in the functions.php file, and then modify the modules for VC in the VC modules folder to change the dimensions (e.g., change something like 300×175 to 170×300 or whatever. Not simple, but you could certainly take it upon yourself to experiment with that.

Or, you could hire a developer to modify that for you, which can sometimes be less of a headache.

This is a common problem with CSS and custom over-rides from control panels.

It’s also called the flash of unstyled text with fonts, where the same issue happens.

Basically, what happens is that the original CSS loads for a moment, then the “over ride” color you’ve specified is loaded, and in some cases for a split second, depending on speed of server and other factors, you may or may not see that.

This is not unique to any specific theme, but simply how the web works when you’re not actually editing the MAIN style sheet which is loaded first.

This is basic CSS/HTML knowledge.

But basically, the way to fully remove that issue, is to edit the style.css file and change the class for that element to the color you wish. Fairly simple. Just do a search in text editor or programmer editor and locate the style class and change the color code. Then you don’t need to put into the CSS box in the theme panel. Downside is you have to do this each theme update, but ideally this would also be the point in time where you minify the CSS anyway. And if you’re optimizing your site for Google fonts, you’d actually put the calls to the fonts at bottom of your style.css and remove them from the theme functions files. But that is a bit advanced.

Hope that helps 🙂

REMINDER ON PAGE SPEED SCORES :

Test your site with AdSense turned “off” as this gives you a false negative score which Google takes into account when seeing the “actual” score for any ranking purpose.

Meaning if you have a desktop score of 93 with no ads, and 89 with AdSense running; Google is not going to really penalize you those 4 points simply based on the advertising which is from their own system.

So normal practice for Pagspeed optimization:

1) test and optimize with the following OFF
a) AdSense
b) Disqus/Livefyre
c) Jetpack
d) Social “counters”
e) AddThis, etc.

2) optimize based on this base setup.

3) slowly turn on the other external elements, and then choose the trade offs of features vs score.

e.g., should you choose local comments or Disqus ? Test with both, and choose features vs speed.

Should you choose social “counters” or simple share buttons. Does anybody care how many shares you have? Can you gain a point turning those “counters” off ? Do you need to put the counter widget on EVERY page, or just the home page?

Do you need to have 20 thumbnails per post? Maybe set a limit of 10 images per page as a baseline optimization target. Consider using more text in the sidebar than all images?

If you’re above 90 with ads and such turned off, you’re fine. Over 85 for mobile, you’re fine. If under that, and you have fully optimized your site, then you have to take away some features to reach the desired “number.” Simple as that.

Edit the 404 template,
and below the error message put a search box.

I’m actually going to be doing this also 🙂

• This reply was modified 11 years by simchris.

I think somebody else did this awhile back, but the theme (and, well, WordPress), don’t work this way by default. I’m not sure how you would modify that to load “specific” posts within the loop, although one might imagine it could be done by “page order number” and you could then set the order on each page, to have one be the main, then second, then third, etc.

I know somebody else asked about this over the past year, but you’d have to suffer the search tool, and most people don’t bother to “tag” their posts to help finding stuff easier.

This is usually an issue with using crappy Jetpack Photon, in my own experience.

For ‘featured images’ WordPress will normally scale the image to fit the theme sizes but it has no “optimization” system in place to change the resolution of images. WordPress works based on pixel widths, not dpi; so it will generally always load a 72dpi/96dpi/ppi image. So, a 640×480 image is still a 640×480 image even if you start with a 1280×960 image and is reduced from the original to a new image file; it’s not loading the 1280×960 image, it’s loading the smaller copy which is 1/2 the resolution.

Might not be related to your issue. Just food for thought 🙂

Check your site in Chrome and run the F12 console to see any errors. Try loading in Opera with suspect plugins turned off.

Check your site with GTMetrix.com and then follow all the suggests, in particular gzip/deflate, expiration headers, image optimization, remove versioning, minify your style.css, don’t use child theme, use fast server/hosting, remove all themes and plugins you’re not using except the latest twenty-fifteen theme, optimize your wp-config.php file to include absolute paths to your domain name, optimize font loading, limit loading external elements (e.g., social counters slow down page vs simple share buttons), limit number of ad networks (I’ve seen some people with six ad networks each loading java, css, and tracking code…. it’s ‘bloat’), use a local image for gravatars, etc.

I cover a number of these issues in detail in the sticky pagespeed thread. Look for my posts, and probably easier to go backwards from the end of the topic, vs from the start a year ago! 🙂

Support Hours (GMT+2)

Monday – Friday:
8:00 AM – 17:00 PM

I think input type only works with forms …

Current bundled version of Visual Composer included with theme is 4.3.5.

Yes, it’s found in the all files download from ThemeForest, in the /plugins/ folders as js_composer.zip

VC 4.4 had numerous bugs and so has not been updated with theme.

With the next theme update they will likely include VC 4.4.1 or 4.4.2x, if tested compatible.

• This reply was modified 11 years by simchris.