Performance: Html/Tabular reports size could be reduced

Description

i found html reports could be reduced with the following:

1. replace css tags with divs
2. tables could be replaced with divs.
3. minimise tabs - remove tabs - minimise html formatting
4. remove   (need to be verified its possible or not...)

I tested by editing html files - find/replace i achieved 10 times less file sizes, without compromising on its aesthetic design value.

In my sample report, having thousands of lines - e.g. open order lines, the file size hit 31 MB. I estimated would be reduced to 3 or 4 MB.

Environment

None

Attachments

16

Activity

Show:

Carlos Ruiz December 6, 2015 at 8:24 PM

Not working with report.css in theme, like implemented with

I created a report.css in theme and it's throwing an error when rendering a report:

Carlos Ruiz August 12, 2015 at 9:19 PM

, I integrated your latest patch - is this ready to close again, or something else missing?

Hiep Lq August 11, 2015 at 8:36 PM
Edited

i see other issue.
current css name generate follow format td:nth-child with n is element index
correct n is display element index
i add patch

for it

for your case, just add plus bellow css class at first:

Norbert Bede August 9, 2015 at 5:46 PM

Attached 2pack order detail print format.

Norbert Bede August 9, 2015 at 5:17 PM

we test patch- however doesnt help in case rendering AD_PrintFormat.AD_PrintFont_ID. This cause tag "font-family:sans-serif;font-size:11pt;color:rgb(0,0,0)"

in my opinion AD_PrintFormat.AD_PrintFont_ID can't be considered in html rendering - simple ignore - this is for PDF.
other hand: i cant tick/untick "Standard Header/Footer" checkbox. or remove AD_PrintFormat.AD_PrintFont_ID - BECAUSE then PDF will lost his nice style.

please consider.

Hiep Lq July 12, 2015 at 8:02 PM

just misunderstand comment.

<style>table > tbody > tr > td:nth-child(7),table > tbody > tr > td:nth-child(11),table > tbody > tr > td:nth-child(13),table > tbody > tr > td:nth-child(16),table > tbody > tr > td:nth-child(17),table > tbody > tr > td:nth-child(20),table > tbody > tr > td:nth-child(21),table > tbody > tr > td:nth-child(22),table > tbody > tr > td:nth-child(23){font-family:sans-serif;font-size:11pt;color:rgb(0,0,0);}
</style>

is ok for people stay with old method, customize style sheet from print format.

but current css order is not best. it make "customize style sheet from print format" override customize from report.css
i just add patch

for change order.

Fixed

Details

Assignee

Reporter

Labels

Priority

Created May 23, 2015 at 3:10 PM
Updated January 31, 2016 at 11:04 PM
Resolved December 6, 2015 at 10:24 PM