Jmeter : How to record, opening images in Light box in jmeter - lightbox

In our site there is a portfolio page where thumbnail images are listed, when any one click on any image it will open in light box and on clicking the cross image the light box get close.
I have recorded this scenario through HTTP proxy , and found that under recording controller only upto portfolio page sampler is recorded but clicking on the thumbnail images events which i did is not recorded.
i then look into the view result tree listener and found that click on thumbnail images is listed there.
so what i want to know that how i can record opening images in light box in jmeter

If Light box opening is only client side (javascript) then what you're seeing is completely fine.
Jmeter is not a browser, it only records client to server traffic.

You should use "HTTP Request" sampler with direct url to images. If Jmeter doesn't record clicks anyway opening photos will load server so it's not reason to avoid them.

Related

Is their an way to not refresh or load the entire page when user is navigating?

I am building a WordPress website for an radio station. They want to integrate the streaming option into the header and give user the ability to navigate their site without taget_blank or _blank and keep streaming.
So basically they would like users to listening to their radio without putting the streaming window in a popup or any other window what is not the landing page.
Only think i could think is to not refresh or load the entire new page while user is surfing and leave the header fix.
Does anybody has any idea how to get this done?
Appreciate the gesture.
I found a solution based on Frameset, but I think their must be something better, maybe ajax or something.

Seamlessly load images to ASP.NET page

I've been trying to load an image onto an aspx page without revealing its request. I mean - when I monitor the page with Telerik's Fiddler I can see that the image is in the requests list. If I refresh the page, the request is not being shown anymore (apparently the image got cached the first time).
Question: Is it possible to load/cache the image silently, without the user even knowing it had been requested?
After a bunch of hours messing with various techniques involving requests, server side operations and what not, it turned out to be as simple as it can get..
In order to hide the image loading request I modified the previous page.
I have, for example, pages A and B. I need to cloak an image request for page B.
Page A loads a bunch of images already. Lets squeeze in one more? Image gets loaded and cached. When the user opens page B, image is still in cache and is used instead of requesting a new one. All we had to do was to put this
<img src="sampleImage.png" style="display:none" />
code in page A somewhere, so it got requested, loaded and cached, but not shown.Too simple solution to be more embarrased than proud to solve, but this is how I learn, I guess :D

Pre-loading / AJAX - best methods?

I am building a portfolio page, which contains quite anumber of images. I am pulling the image url's from a database, and creating thumbnails from the original source, and the dispaying the thumbnails. When clicked on, displaying the original full size pic.
Loading times are obviuosly affected and the site take some time before displaying anything...
I have tried putting all this in Ajax, but it seems ajax is only reqally effective if the site has initially loaded. As it is now, the site "hangs" while it waits for the on form laod work to be done.
Any ideas on putting a "please wait while iamges laod" section into the container where the iamges will eb displayed?
Thanks in advance.
Typically you create an HTTP handler that your page sends the image IDs to, something like
<img src="image-handler.ashx?id=SOME_ID" alt="..." />
The key to performance here is that you can then cache the images from this handler. You can save the generated thumbnails to disk and check for existence, and if then use something like Response.TransferFile() to send the file (or actually create the thumbnail files on creation of images, not loading them), or even better, apply output caching on the handler, with vary by param to the id key.
For the full images also you can use the same techniques. You can also in addition have some hidden images you keep setting their URLs by AJAX before clicking thumbnails, so, they are ready when a thumbnail is clicked and a full image needs to be displayed.
Those are just high level thoughts as per the amount of detail I get from the question.

How do I view the size of the data posted to a form in the Chrome Developer Tools?

I am going through an old ASP.NET app and turning off ViewState for Gridviews where it's not needed. This is reducing the amount of information sent to the server on postback, but I am curious how much.
In FireBug, I can go to the Net tab, apply the HTML filter, and expand the particular aspx file that got posted. Beneath that, I can click the "Post" tab, and one of the values it shows is the Content-Length of the post. (I had some pages uploading 4 megs on postback... YIKES!).
Does anyone know how to see this value in the Chrome developer tools?
As of Chrome 10, they've added the feature! It's Content-Length under the Request Headers section in the Headers tab. This tab is available when you select Network from the toolbar and then click on a file.
I'm going to pretend they did this because I filed the feature request. I changed the world!

Forcing Wordpress Header to not refresh on page load

I developed a band website using wordpress, and I placed a flash MP3 player that autoplays in the header. Whenever you click on a link, the entire page refreshes and the mp3 player starts playing the first song all over again. I wish to have the entire header including the mp3 player) stay constant while the content/sidebar/footer reloads when you click a link. That way the music will continue playing while the rest of the page loads, and the user can have a real listening experience.
To all of your knowledge, is there any way to do this without making the rest of the site completely dynamic?
Thanks in advance
There are acutally only two ways to do this without Ajax:
Use a frameset (which is a very bad idea nowadays)
Use a pop-up which holds the player
I know that pop-ups might be blocked, but this is the only way that users will accept. many large sites with audio players use pop-ups for such a functionality.

Resources