[HiroiSekai]

This reply has been marked as private.

[HiroiSekai]

Okay, uploaded. Is there an additional step? It still seems just as slow to me.

Thanks

[HiroiSekai]

Swift Framework 1.66.

[HiroiSekai]

Hi David,

http://hiroi-sekai.com/wp-admin/post.php?post=12861&action=edit is one we’ve seen problems with, and it’s one of the smaller posts using images that are not very large.

http://hiroi-sekai.com/wp-admin/post.php?post=4185&action=edit is a much larger post that does still use not massive images and is slowing down to unusable levels.

I actually contacted WP-Engine support about this, and they said for security issues, admin caching is unable to be turned on. As a result, I believe it’s trying to constantly reload blocks in the Swift Page Builder, causing the slowdown.

One guess of mine is that because the Page Builder shows preview images in the blocks themselves, WordPress has to try and load all of those every time the page is even shifted in any way via scrolling. Is there any sort of optimization that can be done for this? We’re aware that a number of our posts are quite long with lots of images, but it loads very quickly on the frontend, so I believe it’s much more an issue within the Swift Framework and the WordPress backend.

Thanks.

[HiroiSekai]

Hi David,

It seems to be okay now, I actually ended up altering the home page anyways.

I have a much bigger problem recently though. Since one of the last Swift Framework or Cardinal updates, my Page Builder is insanely slow and laggy. Moving blocks around, editing content and other simple tasks just load and load and load, and they take forever to allow access for input.

This seems to be much more prominent on longer posts with a lot of images, and I thought that would be the reason why, but it never was like this before, at least to this painful extent. Something in the Swift Page Builder isn’t handling assets as efficiently as before. Is there anything that can be done? It’s almost impossible to edit many of my posts.

Many thanks.

[HiroiSekai]

Hi David, I put the code into my child theme’s functions.php file, is there something else I need to do? I tried clearing all caches and cookies but it still looks the same. Thanks.

[HiroiSekai]

Hey David,

Thanks for the quick response. My mistake, they look okay on the articles page; it’s the home page (http://hiroi-sekai.com) where the thumbnails start to blur. It’s really noticeable in the text. How would I go about fixing that? I think it’s doing something in the PHP.

Many thanks as always.

[HiroiSekai]

Hi David, I’ve been fixing the issue with your advice, thank you.

Just a really quick one to check with you for the holidays: I notice that my thumbnails on my homepage (http://hiroi-sekai.com) are shown at full, sharp contrast on my MacBook, but on my iPad and iPhone, the same thumbnails are blurry and shown at a very low resolution. What can I do to fix this?

A good way to see the issue is to visit (http://hiroi-sekai.com/articles) on any mobile device.

Thanks, and happy holidays!

[HiroiSekai]

Hi David,

I’m currently using:

.spb-asset-content p:first-of-type:first-letter {
font-size: 70px !important;
color: #FF0080 !important;
}

But I have tried many variants like first-child instead of first-of-type with the same results. I don’t think this is something at a front-end developer hiring requirement, it’s just one piece of CSS acting tricky with the way the Swift Builder is laid out somehow.

Good to know on the Yoast SEO, I’ll keep those few pages as is then.

Any word on all of those issues happening on my iPad? I detailed them in the reply before the enlarged letter/Yoast reply.

Thanks as always,
Thomas

[HiroiSekai]

Sorry, forgot a couple small things. I have some CSS enlarging the first character in every post, but by making different rows in the Swift Builder, it seems to make the CSS work in more than one location. Here is a post where it is happening: http://hiroi-sekai.com/9-hours-9-persons-9-doors-the-review/

As you can probably see, the first letter in the post is enlarged and coloured, but if you scroll down the post, it happens on two other occasions as well, and I need to only affect the first letter. What CSS would I use for that?

Also, I have the Yoast SEO plugin and am trying to make all of my pages and posts SEO-friendly and ranked green on the plugin. However, the only issue is that on pages like our homepage and articles pages, everything is pulled directly from the Swift Page Builder blocks, so we can’t actually use any SEO keywords effectively. Do you have a suggestion for improving the Swift Builder SEO compatibility with Yoast? We had the thought of making a text block and setting it to display:none, but nowadays Google and other search engines don’t take that well at all. It would be much more damaging than beneficial.

Thanks as always.

[HiroiSekai]

Hi David, that works out well as always. Many thanks.

I hate to have to bring up more stuff, but now I’m noticing strange things happening with only one layout: my iPad in landscape mode.

Stuff like full width banners are cropped, text that should only go to 80% width is going past the boundaries, and even my meta slider on the home page is cropped on the right side somehow. Shrinking a browser to iPad size does not replicate this issue, it only occurs when viewing it directly on the iPad.

Would like the issues shown in the attached screenshots fixed. Thank you as always!

Attachments:

You must be logged in to view attached files.

[HiroiSekai]

Hi David,

Thanks for the media query code. I tried putting the same height:auto code into this and it just cuts the parallax area into a thin area about 40px height at most. Most of the content is not visible like this, I’m wondering if you know what’s happening there? You can probably replicate the effect by shrinking your browser’s width to iPad landscape size.

Thanks as always,
Thomas

[HiroiSekai]

Hi David,

Thank you, this does seem to give the best results as you said, I’ll go with this code. That said, what media query would I use to target an iPad in portrait and landscape view?

Many thanks,
Thomas

[HiroiSekai]

Hey David,

Sorry for the really late reply. It’s been busy for me.

A perfect example of how I want the image to show up is how Cardinal formats an image on mobile when it is just inserted into the post through a text block. I have a few posts that don’t use the parallax and I screencapped one for you.

I would like to have the parallax images show up in the same way. Right now, they are just blown up within the container and difficult to see. Even if I lose a bunch of pixels in the height, I would like the parallax background images to show in their entirety side-to-side at 100% width, like in the attached image.

The attached image is from the mobile version, viewed on my iPhone. For contrast, the desktop post can be seen by visiting this link: http://hiroi-sekai.com/analysis-cafe-subete-ga-f-ni-naru-episode-3-and-playing-detective/

If there is a feasible fix, I would also like to request that the scaling issue can be fixed for tablets as well, as the bloating images aren’t as bad on iPad, but they are still being enlarged nonetheless.

Thanks as always,
Thomas

Attachments:

You must be logged in to view attached files.

[HiroiSekai]

Hi David,

I tried the CSS code and that one just seems to overbloat the background image to the point where you can’t see anything in the image on mobile.

Any news on the Stellar.js page on mobile, by the way? If the parallax effect could work on mobile then I think I wouldn’t need this other CSS media query anyways.

Thanks as always,
Thomas